");return this._isEnabled("h")&&(t.append(E("").append(E("").attr({href:"#",tabindex:"-1",title:this._options.tooltips.incrementHour}).addClass("btn").attr("data-action","incrementHours").append(this._iconTag(this._options.icons.up)))),e.append(E(" ").append(E("").addClass("timepicker-hour").attr({"data-time-component":"hours",title:this._options.tooltips.pickHour}).attr("data-action","showHours"))),i.append(E(" ").append(E("").attr({href:"#",tabindex:"-1",title:this._options.tooltips.decrementHour}).addClass("btn").attr("data-action","decrementHours").append(this._iconTag(this._options.icons.down))))),this._isEnabled("m")&&(this._isEnabled("h")&&(t.append(E(" ").addClass("separator")),e.append(E(" ").addClass("separator").html(":")),i.append(E(" ").addClass("separator"))),t.append(E(" ").append(E("").attr({href:"#",tabindex:"-1",title:this._options.tooltips.incrementMinute}).addClass("btn").attr("data-action","incrementMinutes").append(this._iconTag(this._options.icons.up)))),e.append(E(" ").append(E("").addClass("timepicker-minute").attr({"data-time-component":"minutes",title:this._options.tooltips.pickMinute}).attr("data-action","showMinutes"))),i.append(E(" ").append(E("").attr({href:"#",tabindex:"-1",title:this._options.tooltips.decrementMinute}).addClass("btn").attr("data-action","decrementMinutes").append(this._iconTag(this._options.icons.down))))),this._isEnabled("s")&&(this._isEnabled("m")&&(t.append(E(" ").addClass("separator")),e.append(E(" ").addClass("separator").html(":")),i.append(E(" ").addClass("separator"))),t.append(E(" ").append(E("").attr({href:"#",tabindex:"-1",title:this._options.tooltips.incrementSecond}).addClass("btn").attr("data-action","incrementSeconds").append(this._iconTag(this._options.icons.up)))),e.append(E(" ").append(E("").addClass("timepicker-second").attr({"data-time-component":"seconds",title:this._options.tooltips.pickSecond}).attr("data-action","showSeconds"))),i.append(E(" ").append(E("").attr({href:"#",tabindex:"-1",title:this._options.tooltips.decrementSecond}).addClass("btn").attr("data-action","decrementSeconds").append(this._iconTag(this._options.icons.down))))),this.use24Hours||(t.append(E(" ").addClass("separator")),e.append(E(" ").append(E("").addClass("btn btn-primary").attr({"data-action":"togglePeriod",tabindex:"-1",title:this._options.tooltips.togglePeriod}))),i.append(E("").addClass("separator"))),E("").addClass("timepicker-picker").append(E("
").addClass("table-condensed").append([t,e,i]))},i._getTimePickerTemplate=function(){var t=E("").addClass("timepicker-hours").append(E("
").addClass("table-condensed")),e=E("").addClass("timepicker-minutes").append(E("
").addClass("table-condensed")),i=E("").addClass("timepicker-seconds").append(E("
").addClass("table-condensed")),s=[this._getTimePickerMainTemplate()];return this._isEnabled("h")&&s.push(t),this._isEnabled("m")&&s.push(e),this._isEnabled("s")&&s.push(i),s},i._getToolbar=function(){var t,e,i=[];return this._options.buttons.showToday&&i.push(E("").append(E("").attr({href:"#",tabindex:"-1","data-action":"today",title:this._options.tooltips.today}).append(this._iconTag(this._options.icons.today)))),!this._options.sideBySide&&this._options.collapse&&this._hasDate()&&this._hasTime()&&(e="times"===this._options.viewMode?(t=this._options.tooltips.selectDate,this._options.icons.date):(t=this._options.tooltips.selectTime,this._options.icons.time),i.push(E(" ").append(E("").attr({href:"#",tabindex:"-1","data-action":"togglePicker",title:t}).append(this._iconTag(e))))),this._options.buttons.showClear&&i.push(E(" ").append(E("").attr({href:"#",tabindex:"-1","data-action":"clear",title:this._options.tooltips.clear}).append(this._iconTag(this._options.icons.clear)))),this._options.buttons.showClose&&i.push(E(" ").append(E("").attr({href:"#",tabindex:"-1","data-action":"close",title:this._options.tooltips.close}).append(this._iconTag(this._options.icons.close)))),0===i.length?"":E(" ").addClass("table-condensed").append(E("").append(E("").append(i)))},i._getTemplate=function(){var t=E("").addClass(("bootstrap-datetimepicker-widget dropdown-menu "+(this._options.calendarWeeks?"tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks":"")+" "+(this._useFeatherIcons()?"tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons":"")+" ").trim()),e=E("
").addClass("datepicker").append(this._getDatePickerTemplate()),i=E("
").addClass("timepicker").append(this._getTimePickerTemplate()),s=E("
").addClass("list-unstyled"),a=E("").addClass(("picker-switch"+(this._options.collapse?" accordion-toggle":"")+" "+(this._useFeatherIcons()?"picker-switch-with-feathers-icons":"")).trim()).append(this._getToolbar());return this._options.inline&&t.removeClass("dropdown-menu"),this.use24Hours&&t.addClass("usetwentyfour"),(void 0!==this.input&&this.input.prop("readonly")||this._options.readonly)&&t.addClass("bootstrap-datetimepicker-widget-readonly"),this._isEnabled("s")&&!this.use24Hours&&t.addClass("wider"),this._options.sideBySide&&this._hasDate()&&this._hasTime()?(t.addClass("timepicker-sbs"),"top"===this._options.toolbarPlacement&&t.append(a),t.append(E("").addClass("row").append(e.addClass("col-md-6")).append(i.addClass("col-md-6"))),"bottom"!==this._options.toolbarPlacement&&"default"!==this._options.toolbarPlacement||t.append(a),t):("top"===this._options.toolbarPlacement&&s.append(a),this._hasDate()&&s.append(E("
").addClass(this._options.collapse&&this._hasTime()?"collapse":"").addClass(this._options.collapse&&this._hasTime()&&"times"===this._options.viewMode?"":"show").append(e)),"default"===this._options.toolbarPlacement&&s.append(a),this._hasTime()&&s.append(E(" ").addClass(this._options.collapse&&this._hasDate()?"collapse":"").addClass(this._options.collapse&&this._hasDate()&&"times"===this._options.viewMode?"show":"").append(i)),"bottom"===this._options.toolbarPlacement&&s.append(a),t.append(s))},i._place=function(t){var e,i=t&&t.data&&t.data.picker||this,s=i._options.widgetPositioning.vertical,a=i._options.widgetPositioning.horizontal,n=(i.component&&i.component.length?i.component:i._element).position(),o=(i.component&&i.component.length?i.component:i._element).offset();if(i._options.widgetParent)e=i._options.widgetParent.append(i.widget);else if(i._element.is("input"))e=i._element.after(i.widget).parent();else{if(i._options.inline)return void(e=i._element.append(i.widget));e=i._element,i._element.children().first().after(i.widget)}if("auto"===s&&(s=o.top+1.5*i.widget.height()>=E(window).height()+E(window).scrollTop()&&i.widget.height()+i._element.outerHeight()E(window).width()?"right":"left"),"top"===s?i.widget.addClass("top").removeClass("bottom"):i.widget.addClass("bottom").removeClass("top"),"right"===a?i.widget.addClass("float-right"):i.widget.removeClass("float-right"),"relative"!==e.css("position")&&(e=e.parents().filter(function(){return"relative"===E(this).css("position")}).first()),0===e.length)throw new Error("datetimepicker component should be placed within a relative positioned container");i.widget.css({top:"top"===s?"auto":n.top+i._element.outerHeight()+"px",bottom:"top"===s?e.outerHeight()-(e===i._element?0:n.top)+"px":"auto",left:"left"===a?(e===i._element?0:n.left)+"px":"auto",right:"left"===a?"auto":e.outerWidth()-i._element.outerWidth()-(e===i._element?0:n.left)+"px"})},i._fillDow=function(){var t=E(""),e=this._viewDate.clone().startOf("w").startOf("d");for(!0===this._options.calendarWeeks&&t.append(E("").addClass("cw").text("#"));e.isBefore(this._viewDate.clone().endOf("w"));)t.append(E(" ").addClass("dow").text(e.format("dd"))),e.add(1,"d");this.widget.find(".datepicker-days thead").append(t)},i._fillMonths=function(){for(var t=[],e=this._viewDate.clone().startOf("y").startOf("d");e.isSame(this._viewDate,"y");)t.push(E("").attr("data-action","selectMonth").addClass("month").text(e.format("MMM"))),e.add(1,"M");this.widget.find(".datepicker-months td").empty().append(t)},i._updateMonths=function(){var t=this.widget.find(".datepicker-months"),e=t.find("th"),i=t.find("tbody").find("span"),s=this,a=this._getLastPickedDate();e.eq(0).find("span").attr("title",this._options.tooltips.prevYear),e.eq(1).attr("title",this._options.tooltips.selectYear),e.eq(2).find("span").attr("title",this._options.tooltips.nextYear),t.find(".disabled").removeClass("disabled"),this._isValid(this._viewDate.clone().subtract(1,"y"),"y")||e.eq(0).addClass("disabled"),e.eq(1).text(this._viewDate.year()),this._isValid(this._viewDate.clone().add(1,"y"),"y")||e.eq(2).addClass("disabled"),i.removeClass("active"),a&&a.isSame(this._viewDate,"y")&&!this.unset&&i.eq(a.month()).addClass("active"),i.each(function(t){s._isValid(s._viewDate.clone().month(t),"M")||E(this).addClass("disabled")})},i._getStartEndYear=function(t,e){var i=t/10,s=Math.floor(e/t)*t;return[s,s+9*i,Math.floor(e/i)*i]},i._updateYears=function(){var t=this.widget.find(".datepicker-years"),e=t.find("th"),i=this._getStartEndYear(10,this._viewDate.year()),s=this._viewDate.clone().year(i[0]),a=this._viewDate.clone().year(i[1]),n="";for(e.eq(0).find("span").attr("title",this._options.tooltips.prevDecade),e.eq(1).attr("title",this._options.tooltips.selectDecade),e.eq(2).find("span").attr("title",this._options.tooltips.nextDecade),t.find(".disabled").removeClass("disabled"),this._options.minDate&&this._options.minDate.isAfter(s,"y")&&e.eq(0).addClass("disabled"),e.eq(1).text(s.year()+"-"+a.year()),this._options.maxDate&&this._options.maxDate.isBefore(a,"y")&&e.eq(2).addClass("disabled"),n+=''+(s.year()-1)+" ";!s.isAfter(a,"y");)n+=''+s.year()+" ",s.add(1,"y");n+=''+s.year()+" ",t.find("td").html(n)},i._updateDecades=function(){var t,e=this.widget.find(".datepicker-decades"),i=e.find("th"),s=this._getStartEndYear(100,this._viewDate.year()),a=this._viewDate.clone().year(s[0]),n=this._viewDate.clone().year(s[1]),o=this._getLastPickedDate(),r=!1,d=!1,h="";for(i.eq(0).find("span").attr("title",this._options.tooltips.prevCentury),i.eq(2).find("span").attr("title",this._options.tooltips.nextCentury),e.find(".disabled").removeClass("disabled"),(0===a.year()||this._options.minDate&&this._options.minDate.isAfter(a,"y"))&&i.eq(0).addClass("disabled"),i.eq(1).text(a.year()+"-"+n.year()),this._options.maxDate&&this._options.maxDate.isBefore(n,"y")&&i.eq(2).addClass("disabled"),a.year()-10<0?h+=" ":h+=''+(a.year()-10)+" ";!a.isAfter(n,"y");)t=a.year()+11,r=this._options.minDate&&this._options.minDate.isAfter(a,"y")&&this._options.minDate.year()<=t,d=this._options.maxDate&&this._options.maxDate.isAfter(a,"y")&&this._options.maxDate.year()<=t,h+=''+a.year()+" ",a.add(10,"y");h+=''+a.year()+" ",e.find("td").html(h)},i._fillDate=function(){d.prototype._fillDate.call(this);var t,e,i,s,a,n=this.widget.find(".datepicker-days"),o=n.find("th"),r=[];if(this._hasDate()){for(o.eq(0).find("span").attr("title",this._options.tooltips.prevMonth),o.eq(1).attr("title",this._options.tooltips.selectMonth),o.eq(2).find("span").attr("title",this._options.tooltips.nextMonth),n.find(".disabled").removeClass("disabled"),o.eq(1).text(this._viewDate.format(this._options.dayViewHeaderFormat)),this._isValid(this._viewDate.clone().subtract(1,"M"),"M")||o.eq(0).addClass("disabled"),this._isValid(this._viewDate.clone().add(1,"M"),"M")||o.eq(2).addClass("disabled"),t=this._viewDate.clone().startOf("M").startOf("w").startOf("d"),s=0;s<42;s++){0===t.weekday()&&(e=E(""),this._options.calendarWeeks&&e.append(''+t.week()+" "),r.push(e)),i="",t.isBefore(this._viewDate,"M")&&(i+=" old"),t.isAfter(this._viewDate,"M")&&(i+=" new"),this._options.allowMultidate?-1!==(a=this._datesFormatted.indexOf(t.format("YYYY-MM-DD")))&&t.isSame(this._datesFormatted[a],"d")&&!this.unset&&(i+=" active"):t.isSame(this._getLastPickedDate(),"d")&&!this.unset&&(i+=" active"),this._isValid(t,"d")||(i+=" disabled"),t.isSame(this.getMoment(),"d")&&(i+=" today"),0!==t.day()&&6!==t.day()||(i+=" weekend"),e.append(''+t.date()+" "),t.add(1,"d")}E("body").addClass("tempusdominus-bootstrap-datetimepicker-widget-day-click"),E("body").append('
'),n.find("tbody").empty().append(r),E("body").find(".tempusdominus-bootstrap-datetimepicker-widget-day-click-glass-panel").remove(),E("body").removeClass("tempusdominus-bootstrap-datetimepicker-widget-day-click"),this._updateMonths(),this._updateYears(),this._updateDecades()}},i._fillHours=function(){var t=this.widget.find(".timepicker-hours table"),e=this._viewDate.clone().startOf("d"),i=[],s=E(" ");for(11"),i.push(s)),s.append(''+e.format(this.use24Hours?"HH":"hh")+" "),e.add(1,"h");t.empty().append(i)},i._fillMinutes=function(){for(var t=this.widget.find(".timepicker-minutes table"),e=this._viewDate.clone().startOf("h"),i=[],s=1===this._options.stepping?5:this._options.stepping,a=E("");this._viewDate.isSame(e,"h");)e.minute()%(4*s)==0&&(a=E(" "),i.push(a)),a.append(''+e.format("mm")+" "),e.add(s,"m");t.empty().append(i)},i._fillSeconds=function(){for(var t=this.widget.find(".timepicker-seconds table"),e=this._viewDate.clone().startOf("m"),i=[],s=E(" ");this._viewDate.isSame(e,"m");)e.second()%20==0&&(s=E(" "),i.push(s)),s.append(''+e.format("ss")+" "),e.add(5,"s");t.empty().append(i)},i._fillTime=function(){var t,e,i=this.widget.find(".timepicker span[data-time-component]"),s=this._getLastPickedDate();this.use24Hours||(t=this.widget.find(".timepicker [data-action=togglePeriod]"),e=s?s.clone().add(12<=s.hours()?-12:12,"h"):void 0,s&&t.text(s.format("A")),this._isValid(e,"h")?t.removeClass("disabled"):t.addClass("disabled")),s&&i.filter("[data-time-component=hours]").text(s.format(this.use24Hours?"HH":"hh")),s&&i.filter("[data-time-component=minutes]").text(s.format("mm")),s&&i.filter("[data-time-component=seconds]").text(s.format("ss")),this._fillHours(),this._fillMinutes(),this._fillSeconds()},i._doAction=function(t,e){var i=this._getLastPickedDate();if(E(t.currentTarget).is(".disabled"))return!1;switch(e=e||E(t.currentTarget).data("action")){case"next":var s=M.DatePickerModes[this.currentViewMode].NAV_FUNCTION;this._viewDate.add(M.DatePickerModes[this.currentViewMode].NAV_STEP,s),this._fillDate(),this._viewUpdate(s);break;case"previous":var a=M.DatePickerModes[this.currentViewMode].NAV_FUNCTION;this._viewDate.subtract(M.DatePickerModes[this.currentViewMode].NAV_STEP,a),this._fillDate(),this._viewUpdate(a);break;case"pickerSwitch":this._showMode(1);break;case"selectMonth":var n=E(t.target).closest("tbody").find("span").index(E(t.target));this._viewDate.month(n),this.currentViewMode===this.MinViewModeNumber?(this._setValue(i.clone().year(this._viewDate.year()).month(this._viewDate.month()),this._getLastPickedDateIndex()),this._options.inline||this.hide()):(this._showMode(-1),this._fillDate()),this._viewUpdate("M");break;case"selectYear":var o=parseInt(E(t.target).text(),10)||0;this._viewDate.year(o),this.currentViewMode===this.MinViewModeNumber?(this._setValue(i.clone().year(this._viewDate.year()),this._getLastPickedDateIndex()),this._options.inline||this.hide()):(this._showMode(-1),this._fillDate()),this._viewUpdate("YYYY");break;case"selectDecade":var r=parseInt(E(t.target).data("selection"),10)||0;this._viewDate.year(r),this.currentViewMode===this.MinViewModeNumber?(this._setValue(i.clone().year(this._viewDate.year()),this._getLastPickedDateIndex()),this._options.inline||this.hide()):(this._showMode(-1),this._fillDate()),this._viewUpdate("YYYY");break;case"selectDay":var d=this._viewDate.clone();E(t.target).is(".old")&&d.subtract(1,"M"),E(t.target).is(".new")&&d.add(1,"M");var h=d.date(parseInt(E(t.target).text(),10)),p=0;this._options.allowMultidate?-1!==(p=this._datesFormatted.indexOf(h.format("YYYY-MM-DD")))?this._setValue(null,p):this._setValue(h,this._getLastPickedDateIndex()+1):this._setValue(h,this._getLastPickedDateIndex()),this._hasTime()||this._options.keepOpen||this._options.inline||this._options.allowMultidate||this.hide();break;case"incrementHours":if(!i)break;var l=i.clone().add(1,"h");this._isValid(l,"h")&&(this._getLastPickedDateIndex()<0&&this.date(l),this._setValue(l,this._getLastPickedDateIndex()));break;case"incrementMinutes":if(!i)break;var c=i.clone().add(this._options.stepping,"m");this._isValid(c,"m")&&(this._getLastPickedDateIndex()<0&&this.date(c),this._setValue(c,this._getLastPickedDateIndex()));break;case"incrementSeconds":if(!i)break;var u=i.clone().add(1,"s");this._isValid(u,"s")&&(this._getLastPickedDateIndex()<0&&this.date(u),this._setValue(u,this._getLastPickedDateIndex()));break;case"decrementHours":if(!i)break;var _=i.clone().subtract(1,"h");this._isValid(_,"h")&&(this._getLastPickedDateIndex()<0&&this.date(_),this._setValue(_,this._getLastPickedDateIndex()));break;case"decrementMinutes":if(!i)break;var f=i.clone().subtract(this._options.stepping,"m");this._isValid(f,"m")&&(this._getLastPickedDateIndex()<0&&this.date(f),this._setValue(f,this._getLastPickedDateIndex()));break;case"decrementSeconds":if(!i)break;var m=i.clone().subtract(1,"s");this._isValid(m,"s")&&(this._getLastPickedDateIndex()<0&&this.date(m),this._setValue(m,this._getLastPickedDateIndex()));break;case"togglePeriod":this._setValue(i.clone().add(12<=i.hours()?-12:12,"h"),this._getLastPickedDateIndex());break;case"togglePicker":var w,g,b=E(t.target),v=b.closest("a"),y=b.closest("ul"),D=y.find(".show"),k=y.find(".collapse:not(.show)"),C=b.is("span")?b:b.find("span");if(D&&D.length){if((w=D.data("collapse"))&&w.transitioning)return!0;D.collapse?(D.collapse("hide"),k.collapse("show")):(D.removeClass("show"),k.addClass("show")),this._useFeatherIcons()?(v.toggleClass(this._options.icons.time+" "+this._options.icons.date),g=v.hasClass(this._options.icons.time)?this._options.icons.date:this._options.icons.time,v.html(this._iconTag(g))):C.toggleClass(this._options.icons.time+" "+this._options.icons.date),(this._useFeatherIcons()?v.hasClass(this._options.icons.date):C.hasClass(this._options.icons.date))?v.attr("title",this._options.tooltips.selectDate):v.attr("title",this._options.tooltips.selectTime)}break;case"showPicker":this.widget.find(".timepicker > div:not(.timepicker-picker)").hide(),this.widget.find(".timepicker .timepicker-picker").show();break;case"showHours":this.widget.find(".timepicker .timepicker-picker").hide(),this.widget.find(".timepicker .timepicker-hours").show();break;case"showMinutes":this.widget.find(".timepicker .timepicker-picker").hide(),this.widget.find(".timepicker .timepicker-minutes").show();break;case"showSeconds":this.widget.find(".timepicker .timepicker-picker").hide(),this.widget.find(".timepicker .timepicker-seconds").show();break;case"selectHour":var T=parseInt(E(t.target).text(),10);this.use24Hours||(12<=i.hours()?12!==T&&(T+=12):12===T&&(T=0)),this._setValue(i.clone().hours(T),this._getLastPickedDateIndex()),this._isEnabled("a")||this._isEnabled("m")||this._options.keepOpen||this._options.inline?this._doAction(t,"showPicker"):this.hide();break;case"selectMinute":this._setValue(i.clone().minutes(parseInt(E(t.target).text(),10)),this._getLastPickedDateIndex()),this._isEnabled("a")||this._isEnabled("s")||this._options.keepOpen||this._options.inline?this._doAction(t,"showPicker"):this.hide();break;case"selectSecond":this._setValue(i.clone().seconds(parseInt(E(t.target).text(),10)),this._getLastPickedDateIndex()),this._isEnabled("a")||this._options.keepOpen||this._options.inline?this._doAction(t,"showPicker"):this.hide();break;case"clear":this.clear();break;case"close":this.hide();break;case"today":var x=this.getMoment();this._isValid(x,"d")&&this._setValue(x,this._getLastPickedDateIndex());break}return!1},i.hide=function(){var t,e=!1;this.widget&&(this.widget.find(".collapse").each(function(){var t=E(this).data("collapse");return!t||!t.transitioning||!(e=!0)}),e||(this.component&&this.component.hasClass("btn")&&this.component.toggleClass("active"),this.widget.hide(),E(window).off("resize",this._place),this.widget.off("click","[data-action]"),this.widget.off("mousedown",!1),this.widget.remove(),this.widget=!1,void 0!==this.input&&void 0!==this.input.val()&&0!==this.input.val().trim().length&&this._setValue(this._parseInputDate(this.input.val().trim(),{isPickerShow:!1}),0),t=this._getLastPickedDate(),this._notifyEvent({type:M.Event.HIDE,date:this.unset?null:t?t.clone():void 0}),void 0!==this.input&&this.input.blur(),this._viewDate=t?t.clone():this.getMoment()))},i.show=function(){var t,e=!1;if(void 0!==this.input){if(this.input.prop("disabled")||!this._options.ignoreReadonly&&this.input.prop("readonly")||this.widget)return;void 0!==this.input.val()&&0!==this.input.val().trim().length?this._setValue(this._parseInputDate(this.input.val().trim(),{isPickerShow:!0}),0):e=!0}else e=!0;e&&this.unset&&this._options.useCurrent&&(t=this.getMoment(),"string"==typeof this._options.useCurrent&&(t={year:function(t){return t.month(0).date(1).hours(0).seconds(0).minutes(0)},month:function(t){return t.date(1).hours(0).seconds(0).minutes(0)},day:function(t){return t.hours(0).seconds(0).minutes(0)},hour:function(t){return t.seconds(0).minutes(0)},minute:function(t){return t.seconds(0)}}[this._options.useCurrent](t)),this._setValue(t,0)),this.widget=this._getTemplate(),this._fillDow(),this._fillMonths(),this.widget.find(".timepicker-hours").hide(),this.widget.find(".timepicker-minutes").hide(),this.widget.find(".timepicker-seconds").hide(),this._update(),this._showMode(),E(window).on("resize",{picker:this},this._place),this.widget.on("click","[data-action]",E.proxy(this._doAction,this)),this.widget.on("mousedown",!1),this.component&&this.component.hasClass("btn")&&this.component.toggleClass("active"),this._place(),this.widget.show(),void 0!==this.input&&this._options.focusOnShow&&!this.input.is(":focus")&&this.input.focus(),this._notifyEvent({type:M.Event.SHOW})},i.destroy=function(){this.hide(),this._element.removeData(M.DATA_KEY),this._element.removeData("date")},i.disable=function(){this.hide(),this.component&&this.component.hasClass("btn")&&this.component.addClass("disabled"),void 0!==this.input&&this.input.prop("disabled",!0)},i.enable=function(){this.component&&this.component.hasClass("btn")&&this.component.removeClass("disabled"),void 0!==this.input&&this.input.prop("disabled",!1)},i.toolbarPlacement=function(t){if(0===arguments.length)return this._options.toolbarPlacement;if("string"!=typeof t)throw new TypeError("toolbarPlacement() expects a string parameter");if(-1===T.indexOf(t))throw new TypeError("toolbarPlacement() parameter must be one of ("+T.join(", ")+") value");this._options.toolbarPlacement=t,this.widget&&(this.hide(),this.show())},i.widgetPositioning=function(t){if(0===arguments.length)return E.extend({},this._options.widgetPositioning);if("[object Object]"!=={}.toString.call(t))throw new TypeError("widgetPositioning() expects an object variable");if(t.horizontal){if("string"!=typeof t.horizontal)throw new TypeError("widgetPositioning() horizontal variable must be a string");if(t.horizontal=t.horizontal.toLowerCase(),-1===C.indexOf(t.horizontal))throw new TypeError("widgetPositioning() expects horizontal parameter to be one of ("+C.join(", ")+")");this._options.widgetPositioning.horizontal=t.horizontal}if(t.vertical){if("string"!=typeof t.vertical)throw new TypeError("widgetPositioning() vertical variable must be a string");if(t.vertical=t.vertical.toLowerCase(),-1===p.indexOf(t.vertical))throw new TypeError("widgetPositioning() expects vertical parameter to be one of ("+p.join(", ")+")");this._options.widgetPositioning.vertical=t.vertical}this._update()},i.widgetParent=function(t){if(0===arguments.length)return this._options.widgetParent;if("string"==typeof t&&(t=E(t)),null!==t&&"string"!=typeof t&&!(t instanceof E))throw new TypeError("widgetParent() expects a string or a jQuery object parameter");this._options.widgetParent=t,this.widget&&(this.hide(),this.show())},i.setMultiDate=function(t){var e=this._options.format;this.clear();for(var i=0;i=0;o--)u(e(n[o]),t)}function u(t,n,o){var s=!(!o||!o.force)&&o.force;return!(!t||!s&&0!==e(":focus",t).length)&&(t[n.hideMethod]({duration:n.hideDuration,easing:n.hideEasing,complete:function(){h(t)}}),!0)}function d(t){return v=e("
").attr("id",t.containerId).addClass(t.positionClass),v.appendTo(e(t.target)),v}function p(){return{tapToDismiss:!0,toastClass:"toast",containerId:"toast-container",debug:!1,showMethod:"fadeIn",showDuration:300,showEasing:"swing",onShown:void 0,hideMethod:"fadeOut",hideDuration:1e3,hideEasing:"swing",onHidden:void 0,closeMethod:!1,closeDuration:!1,closeEasing:!1,closeOnHover:!0,extendedTimeOut:1e3,iconClasses:{error:"toast-error",info:"toast-info",success:"toast-success",warning:"toast-warning"},iconClass:"toast-info",positionClass:"toast-top-right",timeOut:5e3,titleClass:"toast-title",messageClass:"toast-message",escapeHtml:!1,target:"body",closeHtml:'× ',closeClass:"toast-close-button",newestOnTop:!0,preventDuplicates:!1,progressBar:!1,progressClass:"toast-progress",rtl:!1}}function f(e){C&&C(e)}function g(t){function o(e){return null==e&&(e=""),e.replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function s(){c(),u(),d(),p(),g(),C(),l(),i()}function i(){var e="";switch(t.iconClass){case"toast-success":case"toast-info":e="polite";break;default:e="assertive"}I.attr("aria-live",e)}function a(){E.closeOnHover&&I.hover(H,D),!E.onclick&&E.tapToDismiss&&I.click(b),E.closeButton&&j&&j.click(function(e){e.stopPropagation?e.stopPropagation():void 0!==e.cancelBubble&&e.cancelBubble!==!0&&(e.cancelBubble=!0),E.onCloseClick&&E.onCloseClick(e),b(!0)}),E.onclick&&I.click(function(e){E.onclick(e),b()})}function r(){I.hide(),I[E.showMethod]({duration:E.showDuration,easing:E.showEasing,complete:E.onShown}),E.timeOut>0&&(k=setTimeout(b,E.timeOut),F.maxHideTime=parseFloat(E.timeOut),F.hideEta=(new Date).getTime()+F.maxHideTime,E.progressBar&&(F.intervalId=setInterval(x,10)))}function c(){t.iconClass&&I.addClass(E.toastClass).addClass(y)}function l(){E.newestOnTop?v.prepend(I):v.append(I)}function u(){if(t.title){var e=t.title;E.escapeHtml&&(e=o(t.title)),M.append(e).addClass(E.titleClass),I.append(M)}}function d(){if(t.message){var e=t.message;E.escapeHtml&&(e=o(t.message)),B.append(e).addClass(E.messageClass),I.append(B)}}function p(){E.closeButton&&(j.addClass(E.closeClass).attr("role","button"),I.prepend(j))}function g(){E.progressBar&&(q.addClass(E.progressClass),I.prepend(q))}function C(){E.rtl&&I.addClass("rtl")}function O(e,t){if(e.preventDuplicates){if(t.message===w)return!0;w=t.message}return!1}function b(t){var n=t&&E.closeMethod!==!1?E.closeMethod:E.hideMethod,o=t&&E.closeDuration!==!1?E.closeDuration:E.hideDuration,s=t&&E.closeEasing!==!1?E.closeEasing:E.hideEasing;if(!e(":focus",I).length||t)return clearTimeout(F.intervalId),I[n]({duration:o,easing:s,complete:function(){h(I),clearTimeout(k),E.onHidden&&"hidden"!==P.state&&E.onHidden(),P.state="hidden",P.endTime=new Date,f(P)}})}function D(){(E.timeOut>0||E.extendedTimeOut>0)&&(k=setTimeout(b,E.extendedTimeOut),F.maxHideTime=parseFloat(E.extendedTimeOut),F.hideEta=(new Date).getTime()+F.maxHideTime)}function H(){clearTimeout(k),F.hideEta=0,I.stop(!0,!0)[E.showMethod]({duration:E.showDuration,easing:E.showEasing})}function x(){var e=(F.hideEta-(new Date).getTime())/F.maxHideTime*100;q.width(e+"%")}var E=m(),y=t.iconClass||E.iconClass;if("undefined"!=typeof t.optionsOverride&&(E=e.extend(E,t.optionsOverride),y=t.optionsOverride.iconClass||y),!O(E,t)){T++,v=n(E,!0);var k=null,I=e("
"),M=e("
"),B=e("
"),q=e("
"),j=e(E.closeHtml),F={intervalId:null,hideEta:null,maxHideTime:null},P={toastId:T,state:"visible",startTime:new Date,options:E,map:t};return s(),r(),a(),f(P),E.debug&&console&&console.log(P),I}}function m(){return e.extend({},p(),b.options)}function h(e){v||(v=n()),e.is(":visible")||(e.remove(),e=null,0===v.children().length&&(v.remove(),w=void 0))}var v,C,w,T=0,O={error:"error",info:"info",success:"success",warning:"warning"},b={clear:r,remove:c,error:t,getContainer:n,info:o,options:{},subscribe:s,success:i,version:"2.1.4",warning:a};return b}()})}("function"==typeof define&&define.amd?define:function(e,t){"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):window.toastr=t(window.jQuery)});
+//# sourceMappingURL=toastr.js.map
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/favicon.ico b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/favicon.ico
new file mode 100644
index 00000000..e69de29b
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/css/app.css b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/css/app.css
new file mode 100644
index 00000000..12b91491
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/css/app.css
@@ -0,0 +1,29609 @@
+/*---------------------------------------------
+Template Name: EduBlink Education HTML5 Template
+Template URL:
+Description:
+Author:
+Author URL:
+Version: 1.0.0
+
+===============================================
+STYLESHEET INDEXING
+|
+|___ Default Styles
+| |___ Variables
+| |___ Shortcode
+| |___ Reset Styels
+| |___ Typography
+| |___ Forms Styles
+| |___ Common
+| |___ Animation
+|
+|___ Elements Styles
+| |___ Accordion Style
+| |___ Back To Top
+| |___ Breadcrumb
+| |___ Button
+| |___ Countdown
+| |___ Course Widget
+| |___ Pagination Styles
+| |___ Sal Styels
+| |___ Section Title
+| |___ Slick Styles
+| |___ Social Share Style
+|
+|___Template Styles
+| |___ About Styles
+| |___ Brand Styles
+| |___ Call To Action Styles
+| |___ Campus Styles
+| |___ Categorie Styles
+| |___ Contact Styles
+| |___ Counterup Styles
+| |___ Course Styles
+| |___ Course Details Style
+| |___ Event Styles
+| |___ FAQ Styles
+| |___ Features Styles
+| |___ Gallery Styles
+| |___ Hero Banner Styles
+| |___ Instagram Styles
+| |___ Pricing Table Styles
+| |___ Privacy Policy Style
+| |___ Product Details Styles
+| |___ Shop Styles
+| |___ Splash Page Styles
+| |___ Team Styles
+| |___ Testimonial Styles
+| |___ Video Styles
+| |___ Why Choose Styles
+| |___ 404 Error
+|
+|___Blocks Styles
+| |___ Header Styles
+| |___ Footer Styles
+|
+|___Blog Styles
+|
+|___Spacing
+|
+|___ END STYLESHEET INDEXING
+
+--------------------------------------------*/
+/*=======================================================================
+1. Default Styles
+=========================================================================*/
+/*-------------------------
+ Variables
+-------------------------*/
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Spartan:wght@400;500;600;700;800&display=swap");
+
+:root {
+ --color-primary: #1ab69d;
+ --color-secondary: #ee4a62;
+ --color-textSecondary: #ff5b5c;
+ --color-tertiary: #f8b81f;
+ --color-dark: #111212;
+ --color-heading: #181818;
+ --dark-color-heading: #ffffff;
+ --color-border: #e5e5e5;
+ --dark-color-border: #282f3a;
+ --color-body: #808080;
+ --gradient-primary: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);
+ --bg-color: #EAF0F2;
+ --dark-bg-color: #020b17;
+ --cta-color-bg: #F0F4F5;
+ --color-bg-body: #ffffff;
+ --dark-color-bg-body: #111822;
+ --bg-color-2: #1c242f;
+ --color-white: #ffffff;
+ --color-black: #000000;
+ --footer-text: #181818;
+ --dark-footer-text: #808080;
+ --edu-btn-color: #ffffff;
+ --color-title: #bababa;
+ --color-lighten01: #f0f4f5;
+ --color-lighten02: #edf5f8;
+ --color-lighten03: #f5f1eb;
+ --color-lighten04: #f7f5f2;
+ --color-extra01: #0ecd73;
+ --color-extra02: #8e56ff;
+ --color-extra03: #f92596;
+ --color-extra04: #5866eb;
+ --color-extra05: #f8941f;
+ --color-extra06: #39c0fa;
+ --color-extra07: #da04f8;
+ --color-extra08: #4664e4;
+ --color-extra09: #525151;
+ --color-extra10: #404040;
+ --color-extra11: #22272e;
+ --color-success: #3EB75E;
+ --color-danger: #FF0003;
+ --color-warning: #FF8F3C;
+ --color-info: #1BA2DB;
+ --color-placeholder: #808080;
+ --color-facebook: #1877f2;
+ --color-twitter: #1da1f2;
+ --color-youtube: #cd201f;
+ --color-linkedin: #0a66c2;
+ --color-pinterest: #E60022;
+ --color-instagram: #C231A1;
+ --color-vimeo: #00ADEF;
+ --color-twitch: #6441A3;
+ --color-discord: #7289da;
+ --border-width: 2px;
+ --radius-small: 4px;
+ --radius: 10px;
+ --radius-big: 16px;
+ --p-light: 300;
+ --p-regular: 400;
+ --p-medium: 500;
+ --p-semi-bold: 600;
+ --p-bold: 700;
+ --p-extra-bold: 800;
+ --shadow-darker: 0px 10px 50px 0px rgba(26,46,85,0.1);
+ --shadow-darker2: 0px 20px 50px 0px rgba(26,46,85,0.1);
+ --shadow-dark: 0px 10px 30px 0px rgba(20,36,66,0.15);
+ --shadow-darkest: 0px 10px 30px 0px rgba(0,0,0,0.05);
+ --shadow-darker3: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
+ --shadow-darker4: 0px 20px 70px 0px rgba(15, 107, 92, 0.2);
+ --transition: 0.3s;
+ --transition-2: 0.5s;
+ --transition-transform: transform .65s cubic-bezier(.23,1,.32,1);
+ --font-primary: 'Poppins', sans-serif;
+ --font-secondary: 'Spartan', sans-serif;
+ --font-icomoon: 'icomoon';
+ --font-size-b1: 15px;
+ --font-size-b2: 13px;
+ --line-height-b1: 1.73;
+ --line-height-b2: 1.85;
+ --h1: 50px;
+ --h2: 36px;
+ --h3: 28px;
+ --h4: 20px;
+ --h5: 18px;
+ --h6: 16px;
+ --h1-lineHeight: 1.2;
+ --h2-lineHeight: 1.39;
+ --h3-lineHeight: 1.43;
+ --h4-lineHeight: 1.4;
+ --h5-lineHeight: 1.45;
+ --h6-lineHeight: 1.62;
+}
+
+/*==============================
+ * Shortcode
+=================================*/
+/*--------------------------------------*/
+.container-custom,
+.container-custom-1520 {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+.container-custom {
+ max-width: 1710px;
+}
+
+.container-custom-1520 {
+ max-width: 1520px;
+}
+
+@media only screen and (max-width: 767px) {
+ .container,
+ .container-fluid,
+ .container-lg,
+ .container-md,
+ .container-sm,
+ .container-xl,
+ .container-xxl,
+ .container-custom,
+ .container-custom-1520 {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .container {
+ max-width: 1185px;
+ }
+}
+
+/*===========================
+ Background Image
+=============================*/
+.shape-group, .edu-breadcrumb-area .edu-breadcrumb, .edu-breadcrumb-area .course-meta, .edu-breadcrumb-area .shape-group, .edu-course-widget.widget-course-summery .content .course-item, .edu-pagination, .about-image-gallery .shape-group li, .about-content .features-list, .about-style-1 .shape-group,
+.about-style-2 .shape-group, .about-style-3 .about-image-gallery .shape-group, .about-style-3 .shape-group, .about-style-5 .shape-group, .cta-banner-2 .shape-group, .cta-banner-3 .shape-group, .edu-cta-banner .shape-group, .edu-cta-box .shape-group, .contact-me .thumbnail .shape-group, .contact-us-info .address-list, .contact-form-area .shape-group, .contact-form.form-style-2 .shape-group, .edu-course .content .course-meta, .edu-course .hover-content-aside .content .course-feature ul, .course-layout-five-tooltip-content .content .course-meta, .course-layout-five-tooltip-content .content .course-feature ul, .course-area-3 .shape-group, .course-area-7 .shape-group, .edu-sorting-area .sorting-right .layout-switcher .switcher-btn, .course-details-content .entry-content .course-meta, .course-curriculam .course-lesson ul, .edu-event .content .event-meta, .edu-event-list .content .event-meta, .edu-event-area .shape-group, .event-details .details-content .event-meta, .edu-faq-content .shape-group, .edu-faq-gallery .shape-group, .faq-style-4 .faq-thumbnail .shape-group, .hero-banner .banner-content .shape-group, .hero-banner .banner-thumbnail .shape-group, .hero-banner.hero-style-2 .banner-gallery .shape-group, .hero-banner.hero-style-3 .shape-group, .hero-banner.hero-style-4 .shape-group, .hero-banner.hero-style-5 .shape-group, .hero-banner.hero-style-6 .shape-group, .hero-banner.hero-style-7 .shape-group, .pricing-table .pricing-body .list-item, .privacy-policy ul, .product-details-area .content .product-feature, .edu-product .inner > .thumbnail .product-hover-info ul, .account-page-area .shape-group, .pv-elementor-area .elementor-thumbnail .shape-group li, .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li, .pv-inner-page-area .shape-group li, .pv-zoom-demo-area .zoom-thumbnail .shape-group li, .pv-cta-area .shape-group li, .team-share-info, .team-area-3 .shape-group, .team-area-4 .shape-group, .team-area-5 .shape-group, .team-area-6 .shape-group, .team-details-content .main-info .team-meta, .team-details-content .contact-info ul, .video-gallery .shape-group, .error-page-area > .shape-group, .edu-error .thumbnail .shape-group, .coming-soon-page-area .shape-group, .header-top .header-info, .header-action, .edu-footer .information-list, .blog-meta, .edu-blog-area .shape-group, .edu-blog-widget.widget-categories .category-list {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.bgImagePosition, .bg-image {
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center center;
+}
+
+.bg-image_fixed {
+ background-attachment: fixed !important;
+}
+
+.bg-image--1 {
+ background-image: url(../images/bg/bg-image-1.png);
+}
+
+.bg-image--2 {
+ background-image: url(../images/bg/bg-image-2.jpg);
+}
+
+.bg-image--9 {
+ background-image: url(../images/bg/bg-image-9.png);
+}
+
+.bg-image--14 {
+ background-image: url(../images/bg/bg-image-14.jpg);
+}
+
+.bg-image--17 {
+ background-image: url(../images/bg/bg-image-17.webp);
+}
+
+.bg-image--19 {
+ background-image: url(../images/bg/bg-image-19.webp);
+}
+
+.bg-image--21 {
+ background-image: url(../images/bg/bg-image-21.webp);
+}
+
+/*===================
+Custom Row
+======================*/
+.row--0 {
+ margin-left: -0px;
+ margin-right: -0px;
+}
+
+.row--0 > [class*="col"] {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.row--5 {
+ margin-left: -5px;
+ margin-right: -5px;
+}
+
+.row--5 > [class*="col"] {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.row--10 {
+ margin-left: -10px;
+ margin-right: -10px;
+}
+
+.row--10 > [class*="col"] {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+.row--15 {
+ margin-left: -15px;
+ margin-right: -15px;
+}
+
+.row--15 > [class*="col"] {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+.row--20 {
+ margin-left: -20px;
+ margin-right: -20px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--20 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--20 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--20 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--20 {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+}
+
+.row--20 > [class*="col"],
+ .row--20 > [class*="col-"] {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--20 > [class*="col"],
+ .row--20 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--20 > [class*="col"],
+ .row--20 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--20 > [class*="col"],
+ .row--20 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--20 > [class*="col"],
+ .row--20 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+.row--25 {
+ margin-left: -25px;
+ margin-right: -25px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--25 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--25 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--25 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--25 {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+}
+
+.row--25 > [class*="col"],
+ .row--25 > [class*="col-"] {
+ padding-left: 25px;
+ padding-right: 25px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--25 > [class*="col"],
+ .row--25 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--25 > [class*="col"],
+ .row--25 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--25 > [class*="col"],
+ .row--25 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--25 > [class*="col"],
+ .row--25 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+.row--30 {
+ margin-left: -30px;
+ margin-right: -30px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--30 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--30 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--30 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--30 {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+}
+
+.row--30 > [class*="col"],
+ .row--30 > [class*="col-"] {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--30 > [class*="col"],
+ .row--30 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--30 > [class*="col"],
+ .row--30 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--30 > [class*="col"],
+ .row--30 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--30 > [class*="col"],
+ .row--30 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+.row--35 {
+ margin-left: -35px;
+ margin-right: -35px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--35 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--35 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--35 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--35 {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+}
+
+.row--35 > [class*="col"],
+ .row--35 > [class*="col-"] {
+ padding-left: 35px;
+ padding-right: 35px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--35 > [class*="col"],
+ .row--35 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--35 > [class*="col"],
+ .row--35 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--35 > [class*="col"],
+ .row--35 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--35 > [class*="col"],
+ .row--35 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+.row--40 {
+ margin-left: -40px;
+ margin-right: -40px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--40 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--40 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--40 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--40 {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+}
+
+.row--40 > [class*="col"],
+ .row--40 > [class*="col-"] {
+ padding-left: 40px;
+ padding-right: 40px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--40 > [class*="col"],
+ .row--40 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--40 > [class*="col"],
+ .row--40 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--40 > [class*="col"],
+ .row--40 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--40 > [class*="col"],
+ .row--40 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+.row--45 {
+ margin-left: -45px;
+ margin-right: -45px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--45 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--45 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--45 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--45 {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+}
+
+.row--45 > [class*="col"],
+ .row--45 > [class*="col-"] {
+ padding-left: 45px;
+ padding-right: 45px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--45 > [class*="col"],
+ .row--45 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--45 > [class*="col"],
+ .row--45 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--45 > [class*="col"],
+ .row--45 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--45 > [class*="col"],
+ .row--45 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+.row--50 {
+ margin-left: -50px;
+ margin-right: -50px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--50 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--50 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--50 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--50 {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+}
+
+.row--50 > [class*="col"],
+ .row--50 > [class*="col-"] {
+ padding-left: 50px;
+ padding-right: 50px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--50 > [class*="col"],
+ .row--50 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--50 > [class*="col"],
+ .row--50 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--50 > [class*="col"],
+ .row--50 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--50 > [class*="col"],
+ .row--50 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+.row--60 {
+ margin-left: -60px;
+ margin-right: -60px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--60 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--60 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--60 {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--60 {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+}
+
+.row--60 > [class*="col"],
+ .row--60 > [class*="col-"] {
+ padding-left: 60px;
+ padding-right: 60px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .row--60 > [class*="col"],
+ .row--60 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .row--60 > [class*="col"],
+ .row--60 > [class*="col-"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .row--60 > [class*="col"],
+ .row--60 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .row--60 > [class*="col"],
+ .row--60 > [class*="col-"] {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+}
+
+#edublink-preloader {
+ position: fixed;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 99999999999999;
+ overflow: hidden;
+ background-image: -webkit-linear-gradient(70deg, #31b978 0%, #1ab69d 100%);
+ background-image: linear-gradient(20deg, #31b978 0%, #1ab69d 100%);
+ -webkit-transition: all 1.5s ease-out;
+ transition: all 1.5s ease-out;
+}
+
+#edublink-preloader.loaded .preloader-close-btn-wraper {
+ bottom: 200%;
+}
+
+.preloader-close-btn-wraper {
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ padding: 30px;
+ -webkit-transition: all 1.5s ease-out;
+ transition: all 1.5s ease-out;
+}
+
+.preloader-close-btn-wraper .preloader-close-btn {
+ border-radius: 50px;
+ font-size: 13px;
+ padding: 4px 23px;
+ background: var(--color-black);
+ color: var(--color-white);
+ cursor: pointer;
+ height: 45px;
+ line-height: 35px;
+ border: 0;
+ text-transform: uppercase;
+ font-weight: 600;
+}
+
+.loading-spinner {
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+}
+
+.preloader-spin-1 {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background-color: #FFFFFF;
+ opacity: 0.6;
+ position: absolute;
+ top: 0;
+ left: 0;
+ -webkit-animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out;
+ animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out;
+}
+
+.preloader-spin-2 {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background-color: #FFFFFF;
+ opacity: 0.6;
+ position: absolute;
+ top: 0;
+ left: 0;
+ -webkit-animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out;
+ animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out;
+ -webkit-animation-delay: -1.0s;
+ animation-delay: -1.0s;
+}
+
+@-webkit-keyframes edublink-preloader-bounce-animation {
+ 0%,
+ 100% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+
+ 50% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@keyframes edublink-preloader-bounce-animation {
+ 0%,
+ 100% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+
+ 50% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+.shape-dark {
+ visibility: hidden;
+}
+
+.shape-light {
+ visibility: visible;
+}
+
+.dark-mode .shape-light {
+ visibility: hidden;
+}
+
+.dark-mode .shape-dark {
+ visibility: visible;
+}
+
+.d-none-shape-dark {
+ display: none;
+}
+
+/*-------------------------
+ Reset Styels
+-------------------------*/
+* {
+ box-sizing: border-box;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+nav,
+section,
+summary {
+ display: block;
+}
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+[hidden] {
+ display: none;
+}
+
+a {
+ display: inline-block;
+ color: var(--color-heading);
+ text-decoration: none;
+ outline: none;
+}
+
+a:hover,
+a:focus,
+a:active {
+ text-decoration: none;
+ outline: none;
+ color: var(--color-primary);
+}
+
+a:focus {
+ outline: none;
+}
+
+address {
+ margin: 0 0 24px;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+mark {
+ background: var(--color-primary);
+ color: #ffffff;
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-size: var(--font-size-b3);
+ -webkit-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ color: var(--color-primary);
+}
+
+kbd,
+ins {
+ color: #ffffff;
+}
+
+pre,
+pre.wp-block-code {
+ font-family: "Courier 10 Pitch", Courier, monospace !important;
+ font-size: 15px !important;
+ margin: 40px 0 !important;
+ overflow: auto;
+ padding: 20px !important;
+ white-space: pre !important;
+ white-space: pre-wrap !important;
+ word-wrap: break-word !important;
+ color: var(--color-body) !important;
+ background: var(--color-light);
+ border-radius: 4px;
+}
+
+small {
+ font-size: smaller;
+}
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+dl {
+ margin-top: 0;
+ margin-bottom: 10px;
+}
+
+dd {
+ margin: 0 15px 15px;
+}
+
+dt {
+ font-weight: bold;
+ color: var(--color-heading);
+}
+
+menu,
+ol,
+ul {
+ margin: 16px 0;
+ padding: 0 0 0 40px;
+}
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+li > ul,
+li > ol {
+ margin: 0;
+}
+
+ol ul {
+ margin-bottom: 0;
+}
+
+img {
+ -ms-interpolation-mode: bicubic;
+ border: 0;
+ vertical-align: middle;
+ max-width: 100%;
+ height: auto;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+figure {
+ margin: 0;
+}
+
+form {
+ margin: 0;
+}
+
+fieldset {
+ border: 1px solid var(--color-border);
+ margin: 0 2px;
+ min-width: inherit;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+ border: 0;
+ padding: 0;
+ white-space: normal;
+}
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%;
+ margin: 0;
+ max-width: 100%;
+ vertical-align: baseline;
+}
+
+button,
+input {
+ line-height: normal;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+ cursor: pointer;
+}
+
+button[disabled],
+input[disabled] {
+ cursor: default;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ padding: 0;
+}
+
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+ appearance: textfield;
+ padding-right: 2px;
+ width: 270px;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+ appearance: none;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+textarea {
+ overflow: auto;
+ vertical-align: top;
+}
+
+caption,
+th,
+td {
+ font-weight: normal;
+}
+
+table thead th {
+ font-weight: 700;
+}
+
+td,
+.wp-block-calendar tfoot td {
+ border: 1px solid var(--color-border);
+ padding: 7px 10px;
+}
+
+del {
+ color: #333;
+}
+
+ins {
+ background: rgba(56, 88, 246, 0.6);
+ text-decoration: none;
+ padding: 0 5px;
+}
+
+hr {
+ background-size: 4px 4px;
+ border: 0;
+ height: 1px;
+ margin: 0 0 24px;
+ opacity: 0.6;
+}
+
+table a,
+table a:link,
+table a:visited {
+ text-decoration: underline;
+}
+
+dt {
+ font-weight: bold;
+ margin-bottom: 10px;
+}
+
+dd {
+ margin: 0 15px 15px;
+}
+
+caption {
+ caption-side: top;
+}
+
+kbd {
+ background: var(--heading-color);
+}
+
+dfn,
+cite,
+em {
+ font-style: italic;
+}
+
+/* BlockQuote */
+blockquote,
+q {
+ -webkit-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: "";
+ content: none;
+}
+
+blockquote blockquote {
+ margin-right: 0;
+}
+
+blockquote cite,
+blockquote small {
+ font-size: var(--font-size-b3);
+ font-weight: normal;
+}
+
+blockquote strong,
+blockquote b {
+ font-weight: 700;
+}
+
+/*-------------------------
+ Typography
+-------------------------*/
+html {
+ overflow: hidden;
+ overflow-y: auto;
+ margin: 0;
+ padding: 0;
+ font-size: 10px;
+}
+
+body {
+ overflow: hidden;
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-family: var(--font-primary);
+ color: var(--color-body);
+ font-weight: 400;
+ background-color: var(--color-bg-body);
+ margin: 0;
+ padding: 0;
+}
+
+body.modal-open {
+ padding: 0 !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+address,
+p,
+pre,
+blockquote,
+menu,
+ol,
+ul,
+table,
+hr {
+ margin: 0;
+ margin-bottom: 20px;
+}
+
+.display-one {
+ font-size: 112px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ word-break: break-word;
+ font-family: var(--font-secondary);
+ color: var(--color-heading);
+}
+
+h1,
+.h1 {
+ font-size: var(--h1);
+ line-height: var(--h1-lineHeight);
+}
+
+h2,
+.h2 {
+ font-size: var(--h2);
+ line-height: var(--h2-lineHeight);
+}
+
+h3,
+.h3 {
+ font-size: var(--h3);
+ line-height: var(--h3-lineHeight);
+}
+
+h4,
+.h4 {
+ font-size: var(--h4);
+ line-height: var(--h4-lineHeight);
+}
+
+h5,
+.h5 {
+ font-size: var(--h5);
+ line-height: var(--h5-lineHeight);
+}
+
+h6,
+.h6 {
+ font-size: var(--h6);
+ line-height: var(--h6-lineHeight);
+}
+
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a,
+.h1 a,
+.h2 a,
+.h3 a,
+.h4 a,
+.h5 a,
+.h6 a {
+ color: inherit;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+}
+
+a {
+ color: var(--color-heading);
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+@media only screen and (max-width: 1199px) {
+ h1,
+ .h1 {
+ font-size: 44px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ h1,
+ .h1 {
+ font-size: 38px;
+ }
+
+ h2,
+ .h2 {
+ font-size: 30px;
+ }
+
+ h3,
+ .h3 {
+ font-size: 24px;
+ }
+
+ h4,
+ .h4 {
+ font-size: 18px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ h1,
+ .h1 {
+ font-size: 34px;
+ }
+
+ h2,
+ .h2 {
+ font-size: 26px;
+ }
+
+ h3,
+ .h3 {
+ font-size: 22px;
+ }
+
+ h4,
+ .h4 {
+ font-size: 18px;
+ }
+}
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ font-weight: var(--p-bold);
+}
+
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+ font-weight: var(--p-semi-bold);
+}
+
+p {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+ font-weight: 400;
+ color: var(--color-body);
+ margin: 0 0 30px;
+}
+
+@media only screen and (max-width: 767px) {
+ p {
+ margin: 0 0 20px;
+ }
+}
+
+p.b1 {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+}
+
+p.b2 {
+ font-size: var(--font-size-b2);
+ line-height: var(--line-height-b2);
+}
+
+.b1 {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+}
+
+.b2 {
+ font-size: var(--font-size-b2);
+ line-height: var(--line-height-b2);
+}
+
+.table,
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 0 30px;
+ width: 100%;
+}
+
+table a,
+table a:link,
+table a:visited {
+ text-decoration: none;
+}
+
+cite,
+.wp-block-pullquote cite,
+.wp-block-pullquote.is-style-solid-color blockquote cite,
+.wp-block-quote cite {
+ color: var(--color-heading);
+}
+
+var {
+ font-family: "Courier 10 Pitch", Courier, monospace;
+}
+
+/*---------------------------
+ List Style
+---------------------------*/
+ul,
+ol {
+ padding-left: 18px;
+}
+
+ul {
+ list-style: square;
+ margin-bottom: 30px;
+ padding-left: 20px;
+}
+
+ul.liststyle.bullet li {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+ color: var(--color-body);
+ position: relative;
+ padding-left: 30px;
+}
+
+@media only screen and (max-width: 767px) {
+ ul.liststyle.bullet li {
+ padding-left: 19px;
+ }
+}
+
+ul.liststyle.bullet li::before {
+ position: absolute;
+ content: "";
+ width: 6px;
+ height: 6px;
+ border-radius: 100%;
+ background: var(--color-body);
+ left: 0;
+ top: 10px;
+}
+
+ul.liststyle.bullet li + li {
+ margin-top: 8px;
+}
+
+ul li {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+ margin-top: 10px;
+ margin-bottom: 10px;
+ color: var(--color-body);
+}
+
+ul li a {
+ text-decoration: none;
+ color: var(--color-body);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+ul li a:hover {
+ color: var(--color-primary);
+}
+
+ul ul {
+ margin-bottom: 0;
+}
+
+ol {
+ margin-bottom: 30px;
+}
+
+ol li {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+ color: var(--color-body);
+ margin-top: 10px;
+ margin-bottom: 10px;
+ font-weight: 400;
+}
+
+ol li a {
+ color: var(--heading-color);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ text-decoration: none;
+}
+
+ol li a:hover {
+ color: var(--color-primary);
+}
+
+ol ul {
+ padding-left: 30px;
+}
+
+hr {
+ display: block;
+ height: 0;
+ margin: 15px 0;
+ border-top: 1px solid var(--color-border);
+ background: transparent;
+}
+
+kbd {
+ background: var(--color-primary);
+}
+
+/*-------------------------
+ Forms Styles
+-------------------------*/
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+input,
+select,
+textarea {
+ width: 100%;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+input {
+ height: 60px;
+}
+
+select {
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ height: 50px;
+ padding: 10px 20px;
+ outline: none;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ border: 0 none;
+ border-radius: 3px;
+ color: var(--color-heading);
+ font-family: var(--font-secondary);
+ font-size: 15px;
+ font-weight: 600;
+ background: url(../images/icons/arrow-icon.png) 88% center no-repeat transparent;
+ background-color: var(--color-lighten01);
+ min-width: 160px;
+ cursor: pointer;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="number"],
+input[type="tel"],
+textarea {
+ font-size: 15px;
+ background-color: var(--color-white);
+ box-shadow: none;
+ padding: 0 25px;
+ outline: none;
+ border: none;
+ border-radius: 5px;
+ color: var(--color-heading);
+ /* -- Placeholder -- */
+}
+
+input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
+ color: var(--color-placeholder);
+ /* Firefox */
+ opacity: 1;
+}
+
+input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder {
+ color: var(--color-placeholder);
+ /* Firefox */
+ opacity: 1;
+}
+
+input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
+ color: var(--color-placeholder);
+ /* Firefox */
+ opacity: 1;
+}
+
+input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder {
+ color: var(--color-placeholder);
+ /* Firefox */
+ opacity: 1;
+}
+
+input[type="text"]::placeholder,
+ input[type="password"]::placeholder,
+ input[type="email"]::placeholder,
+ input[type="number"]::placeholder,
+ input[type="tel"]::placeholder,
+ textarea::placeholder {
+ color: var(--color-placeholder);
+ /* Firefox */
+ opacity: 1;
+}
+
+input[type="text"]:-ms-input-placeholder,
+ input[type="password"]:-ms-input-placeholder,
+ input[type="email"]:-ms-input-placeholder,
+ input[type="number"]:-ms-input-placeholder,
+ input[type="tel"]:-ms-input-placeholder,
+ textarea:-ms-input-placeholder {
+ /* Internet Explorer 10-11 */
+ color: var(--color-placeholder);
+ opacity: 1;
+}
+
+input[type="text"]::-ms-input-placeholder,
+ input[type="password"]::-ms-input-placeholder,
+ input[type="email"]::-ms-input-placeholder,
+ input[type="number"]::-ms-input-placeholder,
+ input[type="tel"]::-ms-input-placeholder,
+ textarea::-ms-input-placeholder {
+ /* Microsoft Edge */
+ color: var(--color-placeholder);
+ opacity: 1;
+}
+
+input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ input[type="number"]:focus,
+ input[type="tel"]:focus,
+ textarea:focus {
+ border-color: var(--color-primary);
+}
+
+textarea {
+ padding: 20px 25px;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ opacity: 0;
+ position: absolute;
+}
+
+input[type="checkbox"] ~ label,
+ input[type="radio"] ~ label {
+ position: relative;
+ font-size: 15px;
+ line-height: 26px;
+ color: var(--color-heading);
+ padding-left: 32px;
+ cursor: pointer;
+ margin-bottom: 0;
+}
+
+input[type="checkbox"] ~ label::before,
+ input[type="radio"] ~ label::before {
+ content: " ";
+ position: absolute;
+ top: 4px;
+ left: 0;
+ width: 17px;
+ height: 17px;
+ border: 1px solid #d2d5d6;
+ border-radius: 2px;
+ -webkit-transition: all .3s;
+ transition: all .3s;
+}
+
+input[type="checkbox"] ~ label::after,
+ input[type="radio"] ~ label::after {
+ content: "\e913";
+ font-family: var(--font-icomoon);
+ font-size: 10px;
+ color: var(--color-white);
+ position: absolute;
+ top: 0;
+ left: 4px;
+ opacity: 0;
+ -webkit-transition: all .3s;
+ transition: all .3s;
+}
+
+input[type="checkbox"]:checked ~ label::before,
+ input[type="radio"]:checked ~ label::before {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+}
+
+input[type="checkbox"]:checked ~ label::after,
+ input[type="radio"]:checked ~ label::after {
+ opacity: 1;
+}
+
+input[type="radio"] ~ label {
+ padding-left: 30px;
+}
+
+input[type="radio"] ~ label::before {
+ border: 1px solid #dcdfe0;
+ border-radius: 50%;
+}
+
+input[type="radio"] ~ label::after {
+ content: "";
+ height: 7px;
+ width: 7px;
+ top: 9px;
+ left: 5px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+}
+
+input[type="radio"]:checked ~ label::before {
+ background-color: var(--color-white);
+ border-color: #dcdfe0;
+}
+
+/*--------------------
+ Contact Form
+----------------------*/
+.form-group {
+ margin-bottom: 20px;
+}
+
+.form-group:last-child {
+ margin-bottom: 0;
+}
+
+.form-group label {
+ color: var(--color-heading);
+ margin-bottom: 8px;
+}
+
+.form-group .submit-btn {
+ padding: 0 35px;
+}
+
+.form-message {
+ margin-bottom: 0;
+ text-align: center;
+}
+
+.form-message.error {
+ margin-top: 20px;
+ color: #f80707;
+}
+
+.form-message.success {
+ margin-top: 20px;
+ color: #0d8d2d;
+}
+
+/*-------------------------
+ Common
+-------------------------*/
+.color-fb {
+ color: var(--color-facebook) !important;
+}
+
+.color-ig {
+ color: var(--color-instagram) !important;
+}
+
+.color-twitter {
+ color: var(--color-twitter) !important;
+}
+
+.color-yt {
+ color: var(--color-youtube) !important;
+}
+
+.color-linkd {
+ color: var(--color-linkedin) !important;
+}
+
+.color-primary {
+ color: var(--color-primary);
+}
+
+.color-secondary {
+ color: var(--color-secondary);
+}
+
+.bg-lighten01 {
+ background-color: var(--color-lighten01);
+}
+
+.bg-lighten02 {
+ background-color: var(--color-lighten02);
+}
+
+.bg-lighten03 {
+ background-color: var(--color-lighten03);
+}
+
+.bg-lighten04 {
+ background-color: var(--color-lighten04);
+}
+
+/*----------------------
+ Animation
+-----------------------*/
+.edublink-animated-shape {
+ position: relative;
+ z-index: 9;
+}
+
+.shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+@media only screen and (max-width: 1199px) {
+ .shape-group {
+ display: none;
+ }
+}
+
+.z-10 {
+ z-index: 10;
+}
+
+.home-four-course {
+ position: relative;
+ overflow: hidden;
+}
+
+.home-four-course::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-3.jpg);
+ background-size: cover;
+ z-index: -1;
+}
+
+.home-four-course .shape-group .shape-1 {
+ top: 59px;
+ right: -88px;
+}
+
+.home-four-course .shape-group .shape-2 {
+ top: -263px;
+ right: -406px;
+ z-index: -1;
+}
+
+.home-four-course .shape-group .shape-2 span {
+ display: block;
+ height: 570px;
+ width: 570px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+@-webkit-keyframes headerSticky {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes headerSticky {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@-webkit-keyframes rotateIt {
+ to {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+
+@keyframes rotateIt {
+ to {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+
+@-webkit-keyframes bounceSlide {
+ 0%, 20%, 50%, 80%, 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 40% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+}
+
+@keyframes bounceSlide {
+ 0%, 20%, 50%, 80%, 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 40% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+}
+
+.bounce-slide {
+ -webkit-animation-duration: 2.5s;
+ animation-duration: 2.5s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-name: bounceSlide;
+ animation-name: bounceSlide;
+}
+
+@-webkit-keyframes line1 {
+ 0% {
+ opacity: 1;
+ bottom: 0;
+ }
+
+ 30% {
+ bottom: 30%;
+ }
+
+ 50% {
+ bottom: 50%;
+ }
+
+ 70% {
+ bottom: 70%;
+ }
+
+ 100% {
+ bottom: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line1 {
+ 0% {
+ opacity: 1;
+ bottom: 0;
+ }
+
+ 30% {
+ bottom: 30%;
+ }
+
+ 50% {
+ bottom: 50%;
+ }
+
+ 70% {
+ bottom: 70%;
+ }
+
+ 100% {
+ bottom: 100%;
+ opacity: 0.5;
+ }
+}
+
+@-webkit-keyframes line2 {
+ 0% {
+ opacity: 1;
+ top: 0;
+ }
+
+ 30% {
+ bottom: 30%;
+ }
+
+ 50% {
+ bottom: 50%;
+ }
+
+ 70% {
+ bottom: 70%;
+ }
+
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line2 {
+ 0% {
+ opacity: 1;
+ top: 0;
+ }
+
+ 30% {
+ bottom: 30%;
+ }
+
+ 50% {
+ bottom: 50%;
+ }
+
+ 70% {
+ bottom: 70%;
+ }
+
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@-webkit-keyframes line3 {
+ 0% {
+ opacity: 1;
+ top: 500px;
+ }
+
+ 50% {
+ top: 50%;
+ }
+
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line3 {
+ 0% {
+ opacity: 1;
+ top: 500px;
+ }
+
+ 50% {
+ top: 50%;
+ }
+
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@-webkit-keyframes line4 {
+ 0% {
+ opacity: 1;
+ top: 300px;
+ }
+
+ 50% {
+ top: 50%;
+ }
+
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line4 {
+ 0% {
+ opacity: 1;
+ top: 300px;
+ }
+
+ 50% {
+ top: 50%;
+ }
+
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@-webkit-keyframes line5 {
+ 0% {
+ opacity: 1;
+ bottom: 400px;
+ }
+
+ 50% {
+ bottom: 50%;
+ }
+
+ 100% {
+ bottom: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line5 {
+ 0% {
+ opacity: 1;
+ bottom: 400px;
+ }
+
+ 50% {
+ bottom: 50%;
+ }
+
+ 100% {
+ bottom: 100%;
+ opacity: 0.5;
+ }
+}
+
+@-webkit-keyframes customOne {
+ from {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+ }
+
+ to {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@keyframes customOne {
+ from {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+ }
+
+ to {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@-webkit-keyframes customTwo {
+ 0% {
+ -webkit-transform: translate(0px, 0px);
+ transform: translate(0px, 0px);
+ }
+
+ 50% {
+ -webkit-transform: translate(100px, 0px);
+ transform: translate(100px, 0px);
+ }
+
+ 100% {
+ -webkit-transform: translate(50px, 50px);
+ transform: translate(50px, 50px);
+ }
+}
+
+@keyframes customTwo {
+ 0% {
+ -webkit-transform: translate(0px, 0px);
+ transform: translate(0px, 0px);
+ }
+
+ 50% {
+ -webkit-transform: translate(100px, 0px);
+ transform: translate(100px, 0px);
+ }
+
+ 100% {
+ -webkit-transform: translate(50px, 50px);
+ transform: translate(50px, 50px);
+ }
+}
+
+.customOne {
+ -webkit-animation: customOne 2s infinite;
+ animation: customOne 2s infinite;
+}
+
+.rotateit {
+ -webkit-animation: rotateIt 11s linear infinite;
+ animation: rotateIt 11s linear infinite;
+}
+
+@-webkit-keyframes edublink-vsm-y-move {
+ 0% {
+ -webkit-transform: translate(0, -30%);
+ transform: translate(0, -30%);
+ }
+
+ 100% {
+ -webkit-transform: translate(0, 30%);
+ transform: translate(0, 30%);
+ }
+}
+
+@keyframes edublink-vsm-y-move {
+ 0% {
+ -webkit-transform: translate(0, -30%);
+ transform: translate(0, -30%);
+ }
+
+ 100% {
+ -webkit-transform: translate(0, 30%);
+ transform: translate(0, 30%);
+ }
+}
+
+@-webkit-keyframes edublink-vsm-y-reverse-move {
+ 0% {
+ -webkit-transform: translate(0, 30%);
+ transform: translate(0, 30%);
+ }
+
+ 100% {
+ -webkit-transform: translate(0, -30%);
+ transform: translate(0, -30%);
+ }
+}
+
+@keyframes edublink-vsm-y-reverse-move {
+ 0% {
+ -webkit-transform: translate(0, 30%);
+ transform: translate(0, 30%);
+ }
+
+ 100% {
+ -webkit-transform: translate(0, -30%);
+ transform: translate(0, -30%);
+ }
+}
+
+@-webkit-keyframes edublink-sm-x-move {
+ 0% {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ }
+}
+
+@keyframes edublink-sm-x-move {
+ 0% {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ }
+}
+
+@-webkit-keyframes edublink-sm-x-reverse-move {
+ 0% {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ }
+}
+
+@keyframes edublink-sm-x-reverse-move {
+ 0% {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ }
+
+ 100% {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ }
+}
+
+@-webkit-keyframes edublink-rotate-y {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+
+@-webkit-keyframes edublink-rotate-x {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes edublink-rotate-x {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes edublink-rotate-y {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+
+@-webkit-keyframes edublink-zoom1 {
+ 0% {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+ }
+
+ 100% {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+@-webkit-keyframes edublink-zoom2 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 100% {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+@keyframes edublink-zoom2 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 100% {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+@-webkit-keyframes edublink-zoom1 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 100% {
+ -webkit-transform: scale(1.25);
+ transform: scale(1.25);
+ }
+}
+
+@keyframes edublink-zoom1 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 100% {
+ -webkit-transform: scale(1.25);
+ transform: scale(1.25);
+ }
+}
+
+/* ------------------------
+ Custom Animation 01
+----------------------------*/
+@-webkit-keyframes headerSlideDown {
+ 0% {
+ margin-top: -100px;
+ }
+
+ to {
+ margin-top: 0;
+ }
+}
+
+@keyframes headerSlideDown {
+ 0% {
+ margin-top: -100px;
+ }
+
+ to {
+ margin-top: 0;
+ }
+}
+
+/*------------------------
+ slidefadeinup
+--------------------------*/
+@-webkit-keyframes slideFadeInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 20%, 0);
+ transform: translate3d(0, 20%, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes slideFadeInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 20%, 0);
+ transform: translate3d(0, 20%, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.slideFadeInUp {
+ -webkit-animation-name: slideFadeInUp;
+ animation-name: slideFadeInUp;
+}
+
+/* -----------------------------------
+ Custom Animation For All Page
+---------------------------------------*/
+@-webkit-keyframes moveVertical {
+ to {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes moveVertical {
+ to {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+/*--------------------------------
+Scroll Down Button Animation
+----------------------------------*/
+@-webkit-keyframes scrollDown {
+ 0% {
+ opacity: 0;
+ }
+
+ 10% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px);
+ opacity: 0;
+ }
+}
+
+@keyframes scrollDown {
+ 0% {
+ opacity: 0;
+ }
+
+ 10% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes ripple {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 75% {
+ -webkit-transform: scale(1.75);
+ transform: scale(1.75);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+ opacity: 0;
+ }
+}
+
+@keyframes ripple {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 75% {
+ -webkit-transform: scale(1.75);
+ transform: scale(1.75);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes ripple_2 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 75% {
+ -webkit-transform: scale(3);
+ transform: scale(3);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: scale(4);
+ transform: scale(4);
+ opacity: 0;
+ }
+}
+
+@keyframes ripple_2 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 75% {
+ -webkit-transform: scale(3);
+ transform: scale(3);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: scale(4);
+ transform: scale(4);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes ripple_3 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ opacity: 0;
+ }
+}
+
+@keyframes ripple_3 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes radiusChange {
+ 0% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 40% {
+ border-radius: 50px 0px 100px 0px;
+ }
+
+ 80% {
+ border-radius: 0px 50px 0px 100px;
+ }
+
+ 100% {
+ border-radius: 0px 0px 0px 0px;
+ }
+}
+
+@keyframes radiusChange {
+ 0% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 40% {
+ border-radius: 50px 0px 100px 0px;
+ }
+
+ 80% {
+ border-radius: 0px 50px 0px 100px;
+ }
+
+ 100% {
+ border-radius: 0px 0px 0px 0px;
+ }
+}
+
+@-webkit-keyframes radiusChange2 {
+ 0% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 25% {
+ border-radius: 50px 0px;
+ }
+
+ 50% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 75% {
+ border-radius: 0px 50px;
+ }
+
+ 100% {
+ border-radius: 50px 0px;
+ }
+}
+
+@keyframes radiusChange2 {
+ 0% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 25% {
+ border-radius: 50px 0px;
+ }
+
+ 50% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 75% {
+ border-radius: 0px 50px;
+ }
+
+ 100% {
+ border-radius: 50px 0px;
+ }
+}
+
+/*=======================================================================
+2. Elements Styles
+=========================================================================*/
+/*-------------------------
+ Accordion Style
+---------------------------*/
+.edu-accordion .accordion-item {
+ margin-bottom: 30px;
+ border: 1px solid var(--color-border);
+}
+
+.edu-accordion .accordion-item:last-child {
+ margin-bottom: 0;
+}
+
+.edu-accordion .accordion-item .accordion-button {
+ font-size: 18px;
+ color: var(--color-heading);
+ font-weight: var(--p-semi-bold);
+ background-color: transparent;
+ border: none;
+ padding: 28px 30px;
+ box-shadow: none;
+}
+
+.edu-accordion .accordion-item .accordion-button:focus {
+ border: none;
+ box-shadow: none;
+}
+
+.edu-accordion .accordion-item .accordion-button:after {
+ background-image: none;
+ content: "\e95d";
+ font-family: var(--font-icomoon);
+ font-size: 22px;
+ font-weight: 500;
+ height: auto;
+ width: auto;
+}
+
+.edu-accordion .accordion-item .accordion-button.collapsed:after {
+ content: "\e95c";
+}
+
+.edu-accordion .accordion-body {
+ padding: 0;
+}
+
+.edu-accordion .accordion-body .course-lesson {
+ border: none;
+ padding: 0;
+}
+
+.edu-accordion .accordion-body .course-lesson ul li {
+ padding: 14px 30px;
+}
+
+.edu-accordion .accordion-body .course-lesson ul li:last-child {
+ border-bottom: none;
+}
+
+/*-------------------------
+ Back To Top
+---------------------------*/
+@-webkit-keyframes border-transform {
+ 0%,
+ 100% {
+ border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
+ }
+
+ 14% {
+ border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
+ }
+
+ 28% {
+ border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
+ }
+
+ 42% {
+ border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
+ }
+
+ 56% {
+ border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
+ }
+
+ 70% {
+ border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
+ }
+
+ 84% {
+ border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
+ }
+}
+
+.paginacontainer {
+ height: 3000px;
+}
+
+.rn-progress-parent {
+ position: fixed;
+ right: 30px;
+ bottom: 30px;
+ height: 46px;
+ width: 46px;
+ cursor: pointer;
+ display: block;
+ border-radius: 50px;
+ box-shadow: inset 0 0 0 2px rgba(255, 71, 87, 0.2);
+ z-index: 10000;
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transform: translateY(15px);
+ -ms-transform: translateY(15px);
+ transform: translateY(15px);
+ -webkit-transition: all 200ms linear;
+ transition: all 200ms linear;
+}
+
+.rn-progress-parent.rn-backto-top-active {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+}
+
+.rn-progress-parent::after {
+ position: absolute;
+ font-family: 'remixicon' !important;
+ content: "\ea78";
+ text-align: center;
+ line-height: 46px;
+ font-size: 24px;
+ color: var(--color-secondary);
+ left: 0;
+ top: 0;
+ height: 46px;
+ width: 46px;
+ cursor: pointer;
+ display: block;
+ z-index: 2;
+ -webkit-transition: all 200ms linear;
+ transition: all 200ms linear;
+}
+
+.rn-progress-parent:hover::after {
+ color: var(--color-secondary);
+}
+
+.rn-progress-parent:hover::before {
+ opacity: 1;
+}
+
+.rn-progress-parent svg path {
+ fill: none;
+}
+
+.rn-progress-parent svg.rn-back-circle path {
+ stroke: var(--color-secondary);
+ stroke-width: 4;
+ box-sizing: border-box;
+ -webkit-transition: all 200ms linear;
+ transition: all 200ms linear;
+}
+
+/*-------------------------
+ Breadcrumb
+---------------------------*/
+.edu-breadcrumb-area {
+ background-color: #f5f9fa;
+ padding: 95px 0 85px;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-breadcrumb-area {
+ padding: 70px 0 60px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-breadcrumb-area {
+ padding: 55px 0 45px;
+ }
+}
+
+.edu-breadcrumb-area .breadcrumb-inner {
+ text-align: center;
+}
+
+.edu-breadcrumb-area .page-title .pre-title {
+ margin-bottom: 15px;
+ letter-spacing: 1px;
+ display: block;
+}
+
+.edu-breadcrumb-area .page-title .title {
+ margin-bottom: 12px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-breadcrumb-area .page-title .title {
+ font-size: 30px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-breadcrumb-area .page-title .title {
+ font-size: 26px;
+ }
+}
+
+.edu-breadcrumb-area .edu-breadcrumb {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ font-family: var(--font-secondary);
+}
+
+.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item {
+ color: var(--color-heading);
+ font-size: 16px;
+ font-weight: var(--p-medium);
+}
+
+.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a {
+ color: var(--color-heading);
+}
+
+.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover {
+ color: var(--color-primary);
+}
+
+.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item.active {
+ font-weight: var(--p-semi-bold);
+}
+
+.edu-breadcrumb-area .edu-breadcrumb li.separator i {
+ font-size: 16px;
+ font-weight: var(--p-bold);
+ margin: 0 10px;
+ color: var(--color-heading);
+ position: relative;
+ display: inline-block;
+ top: 2px;
+}
+
+.edu-breadcrumb-area .course-meta {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-right: -20px;
+ margin-left: -20px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-breadcrumb-area .course-meta {
+ display: block;
+ margin-top: 20px;
+ }
+}
+
+.edu-breadcrumb-area .course-meta li {
+ margin-right: 20px;
+ margin-left: 20px;
+ font-weight: 500;
+ color: var(--color-heading);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+}
+
+.edu-breadcrumb-area .course-meta li:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #dbdbdb;
+ position: absolute;
+ top: 4px;
+ right: -20px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-breadcrumb-area .course-meta li:after {
+ display: none;
+ }
+}
+
+.edu-breadcrumb-area .course-meta li:last-child:after {
+ display: none;
+}
+
+.edu-breadcrumb-area .course-meta li i {
+ padding-right: 14px;
+ font-size: 24px;
+ color: var(--color-primary);
+}
+
+.edu-breadcrumb-area .course-meta .course-rating .rating {
+ margin-right: 8px;
+}
+
+.edu-breadcrumb-area .course-meta .course-rating .rating i {
+ font-size: 15px;
+ color: #f8b81f;
+ padding: 0;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-breadcrumb-area .shape-group {
+ display: none;
+ }
+}
+
+.edu-breadcrumb-area .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.edu-breadcrumb-area .shape-group li.shape-1 {
+ top: -315px;
+ left: -60px;
+}
+
+.edu-breadcrumb-area .shape-group li.shape-2 {
+ top: 60px;
+ left: 11%;
+}
+
+.edu-breadcrumb-area .shape-group li.shape-3 {
+ bottom: 120px;
+ right: 13%;
+ z-index: 1;
+}
+
+.edu-breadcrumb-area .shape-group li.shape-4 {
+ top: 30px;
+ right: -180px;
+}
+
+.edu-breadcrumb-area .shape-group li.shape-5 {
+ top: -70px;
+ right: -88px;
+}
+
+.edu-breadcrumb-area .shape-group li.shape-1, .edu-breadcrumb-area .shape-group li.shape-4 {
+ height: 470px;
+ width: 470px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.breadcrumb-style-2 {
+ position: relative;
+ z-index: 1;
+ padding: 190px 0 180px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .breadcrumb-style-2 {
+ padding: 150px 0 140px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .breadcrumb-style-2 {
+ padding: 100px 0 90px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .breadcrumb-style-2 {
+ padding: 80px 0 70px;
+ }
+}
+
+.breadcrumb-style-2:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.6);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+}
+
+.breadcrumb-style-2 .page-title {
+ width: 70%;
+ margin: 0 auto;
+}
+
+@media only screen and (max-width: 767px) {
+ .breadcrumb-style-2 .page-title {
+ width: 100%;
+ }
+}
+
+.breadcrumb-style-2 .page-title .title {
+ color: var(--color-white);
+}
+
+.breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item {
+ color: var(--color-white);
+}
+
+.breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item a {
+ color: var(--color-white);
+}
+
+.breadcrumb-style-2 .edu-breadcrumb li.separator i {
+ color: var(--color-white);
+}
+
+.breadcrumb-style-3 {
+ padding: 5px 0 90px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .breadcrumb-style-3 {
+ padding: 5px 0 70px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .breadcrumb-style-3 {
+ padding: 5px 0 70px;
+ }
+}
+
+.breadcrumb-style-3 .breadcrumb-inner {
+ text-align: left;
+}
+
+.breadcrumb-style-3 .breadcrumb-inner .page-title {
+ width: 55%;
+}
+
+@media only screen and (max-width: 991px) {
+ .breadcrumb-style-3 .breadcrumb-inner .page-title {
+ width: 100%;
+ }
+}
+
+.breadcrumb-style-3 .breadcrumb-inner .page-title .title {
+ font-size: 36px;
+ margin-bottom: 4px;
+ line-height: 1.4;
+}
+
+@media only screen and (max-width: 767px) {
+ .breadcrumb-style-3 .breadcrumb-inner .page-title .title {
+ font-size: 30px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .breadcrumb-style-3 .breadcrumb-inner .page-title .title {
+ font-size: 26px;
+ }
+}
+
+.breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb {
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-bottom: 55px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb {
+ margin-bottom: 40px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb {
+ margin-bottom: 40px;
+ }
+}
+
+.breadcrumb-style-3 .breadcrumb-inner .course-meta {
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+}
+
+.breadcrumb-style-3 .shape-group li.shape-2 {
+ left: 7%;
+}
+
+.breadcrumb-style-3 .shape-group li.shape-2 img {
+ width: 160px;
+}
+
+.breadcrumb-style-4 {
+ padding: 110px 0 105px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .breadcrumb-style-4 {
+ padding: 80px 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .breadcrumb-style-4 {
+ padding: 60px 0;
+ }
+}
+
+.breadcrumb-style-4 .page-title .title {
+ width: 75%;
+ margin: 0 auto 5px;
+}
+
+.breadcrumb-style-4 .course-meta li {
+ font-weight: 400;
+ color: var(--color-body);
+}
+
+@media only screen and (max-width: 767px) {
+ .breadcrumb-style-4 .course-meta li {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+.breadcrumb-style-4 .course-meta li i {
+ font-size: 18px;
+}
+
+.breadcrumb-style-5 {
+ padding: 0;
+ padding-top: 18px;
+ background: -webkit-linear-gradient(right, #f5f1eb 0%, rgba(245, 241, 235, 0.3) 100%);
+ background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, 0.3) 100%);
+}
+
+.breadcrumb-style-5 .edu-breadcrumb {
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin: -10px 0;
+}
+
+/*-------------------
+ * Button
+---------------------*/
+a.btn-transparent,
+button.btn-transparent {
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 28px;
+ color: var(--color-textSecondary);
+ display: inline-block;
+ position: relative;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+a.btn-transparent::after,
+ button.btn-transparent::after {
+ position: absolute;
+ content: "";
+ left: auto;
+ right: 0;
+ bottom: 0;
+ width: 0;
+ height: 2px;
+ background: var(--color-primary);
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+a.btn-transparent i,
+ button.btn-transparent i {
+ padding-left: 6px;
+ top: -1px;
+ position: relative;
+ font-size: 12px;
+}
+
+a.btn-transparent:hover,
+ button.btn-transparent:hover {
+ color: var(--color-primary);
+}
+
+a.btn-transparent:hover::after,
+ button.btn-transparent:hover::after {
+ width: 100%;
+ left: 0;
+ right: auto;
+}
+
+a.edu-btn,
+button.edu-btn {
+ text-align: center;
+ border-radius: 5px;
+ display: inline-block;
+ height: 60px;
+ line-height: 62px;
+ color: var(--edu-btn-color);
+ background: var(--color-primary);
+ padding: 0 30px;
+ font-size: 15px;
+ font-weight: 500;
+ -webkit-transition: 0.4s;
+ transition: 0.4s;
+ font-family: var(--font-secondary);
+ border: 0 none;
+ overflow: hidden;
+ position: relative;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 767px) {
+ a.edu-btn,
+ button.edu-btn {
+ padding: 0 20px;
+ font-size: 14px;
+ height: 50px;
+ line-height: 52px;
+ }
+}
+
+a.edu-btn:after,
+ button.edu-btn:after {
+ content: "";
+ height: 100%;
+ width: 0;
+ background: -webkit-linear-gradient(right, #31b978 0%, #1ab69d 100%);
+ background: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);
+ border-radius: 5px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+ -webkit-transition: 0.4s;
+ transition: 0.4s;
+}
+
+a.edu-btn i,
+ button.edu-btn i {
+ padding-left: 6px;
+ position: relative;
+ font-size: 11px;
+}
+
+@media only screen and (max-width: 767px) {
+ a.edu-btn i,
+ button.edu-btn i {
+ font-size: 9px;
+ }
+}
+
+a.edu-btn:hover:after,
+ button.edu-btn:hover:after {
+ left: 0;
+ width: 100%;
+}
+
+a.edu-btn.btn-large,
+ button.edu-btn.btn-large {
+ padding: 0 40px;
+}
+
+a.edu-btn.btn-large i,
+ button.edu-btn.btn-large i {
+ top: 0;
+ padding-left: 10px;
+}
+
+a.edu-btn.btn-medium,
+ button.edu-btn.btn-medium {
+ height: 50px;
+ line-height: 51px;
+ padding: 0 25px;
+}
+
+a.edu-btn.btn-small,
+ button.edu-btn.btn-small {
+ height: 40px;
+ line-height: 40px;
+ padding: 0 20px;
+ font-size: 14px;
+}
+
+a.edu-btn.left-icon i,
+ button.edu-btn.left-icon i {
+ padding-left: 0;
+ padding-right: 10px;
+}
+
+a.edu-btn.btn-curved,
+ button.edu-btn.btn-curved {
+ border-radius: 30px 5px;
+}
+
+a.edu-btn.btn-curved:hover,
+ button.edu-btn.btn-curved:hover {
+ border-radius: 5px 30px;
+}
+
+a.edu-btn.curved-medium,
+ button.edu-btn.curved-medium {
+ border-radius: 20px 5px;
+ padding: 0 40px;
+}
+
+a.edu-btn.curved-medium:hover,
+ button.edu-btn.curved-medium:hover {
+ border-radius: 5px 25px;
+}
+
+a.edu-btn.btn-secondary,
+ button.edu-btn.btn-secondary {
+ background: var(--color-secondary);
+ color: var(--color-white);
+}
+
+a.edu-btn.btn-secondary:hover,
+ button.edu-btn.btn-secondary:hover {
+ color: var(--color-white);
+ background: var(--color-primary);
+}
+
+a.edu-btn.btn-secondary1,
+ button.edu-btn.btn-secondary1 {
+ background: var(--color-secondary);
+ color: var(--color-white);
+}
+
+a.edu-btn.btn-secondary1:hover,
+ button.edu-btn.btn-secondary1:hover {
+ color: var(--color-heading);
+ background: var(--color-white);
+}
+
+a.edu-btn.btn-border,
+ button.edu-btn.btn-border {
+ background-color: transparent;
+ border: 1px solid var(--color-border);
+ color: var(--color-heading);
+ padding: 0 25px;
+}
+
+a.edu-btn.btn-border:after,
+ button.edu-btn.btn-border:after {
+ display: none;
+}
+
+a.edu-btn.btn-border:hover,
+ button.edu-btn.btn-border:hover {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.button-group {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: -5px;
+}
+
+.button-group a {
+ margin: 5px;
+}
+
+.btn-gradient {
+ background: -webkit-linear-gradient(right, #31b978 0%, #1ab69d 100%) !important;
+ background: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%) !important;
+}
+
+.btn-gradient::after {
+ background: -webkit-linear-gradient(right, #1ab69d 0%, #31b978 100%) !important;
+ background: linear-gradient(-90deg, #1ab69d 0%, #31b978 100%) !important;
+}
+
+.wishlist-btn {
+ background: rgba(255, 255, 255, 0.15);
+ width: 40px;
+ height: 40px;
+ line-height: 45px;
+ text-align: center;
+ border-radius: 50%;
+ border: 0 none;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.wishlist-btn i {
+ color: var(--color-white);
+ font-size: 19px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.wishlist-btn:hover {
+ background-color: var(--color-secondary);
+}
+
+.wishlist-btn.btn-outline-dark {
+ height: 50px;
+ width: 50px;
+ line-height: 55px;
+ border: 1px solid #e5e5e5;
+ color: var(--color-heading);
+ pointer-events: all;
+}
+
+.wishlist-btn.btn-outline-dark i {
+ color: var(--color-heading);
+}
+
+.wishlist-btn.btn-outline-dark:hover {
+ border-color: var(--color-secondary);
+}
+
+.wishlist-btn.btn-outline-dark:hover i {
+ color: var(--color-white);
+}
+
+.btn-icon-round {
+ text-align: center;
+ height: 60px;
+ width: 60px;
+ line-height: 60px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ color: var(--color-white);
+ font-size: 12px;
+}
+
+.btn-icon-round:hover {
+ color: var(--color-white);
+ background-color: var(--color-secondary);
+}
+
+/*-------------------------
+Countdown
+--------------------------*/
+.countdown {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.countdown .countdown-section {
+ margin-right: 10px;
+ text-align: center;
+}
+
+.countdown .countdown-section:last-child {
+ margin-right: 0;
+}
+
+.countdown .countdown-number {
+ font-size: 20px;
+ font-weight: var(--p-semi-bold);
+ line-height: 1;
+ margin-bottom: 10px;
+ height: 60px;
+ width: 60px;
+ line-height: 60px;
+ text-align: center;
+ border-radius: 50%;
+}
+
+.countdown .countdown-number.day {
+ background-color: rgba(26, 182, 157, 0.1);
+ color: var(--color-primary);
+}
+
+.countdown .countdown-number.hour {
+ background-color: rgba(238, 74, 98, 0.1);
+ color: var(--color-secondary);
+}
+
+.countdown .countdown-number.minute {
+ background-color: rgba(142, 86, 255, 0.1);
+ color: var(--color-extra02);
+}
+
+.countdown .countdown-number.second {
+ background-color: rgba(248, 148, 31, 0.1);
+ color: var(--color-extra05);
+}
+
+.countdown .countdown-unit {
+ line-height: 1;
+ font-size: 15px;
+ font-weight: var(--p-medium);
+ color: var(--color-body);
+}
+
+.coming-countdown {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+.coming-countdown .countdown-section {
+ margin: 0 30px;
+ position: relative;
+ min-width: 80px;
+}
+
+.coming-countdown .countdown-section:after {
+ content: ":";
+ font-size: 30px;
+ color: var(--color-white);
+ font-weight: var(--s-bold);
+ position: absolute;
+ right: -30px;
+ top: -9px;
+}
+
+.coming-countdown .countdown-section:last-child:after {
+ display: none;
+}
+
+.coming-countdown .countdown-number {
+ margin-bottom: 0;
+ font-size: 50px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ font-family: var(--font-secondary);
+ line-height: 1;
+}
+
+.coming-countdown .countdown-unit {
+ font-size: 15px;
+ font-weight: 500;
+ color: rgba(255, 255, 255, 0.6);
+}
+
+/*-------------------
+ Course Widget
+---------------------*/
+.edu-course-widget {
+ background-color: #f5f9fa;
+ border-radius: 5px;
+ padding: 38px 30px 20px;
+ margin-bottom: 50px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .edu-course-widget {
+ padding: 38px 20px 20px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-course-widget {
+ margin-bottom: 30px;
+ }
+}
+
+.edu-course-widget:last-child {
+ margin-bottom: 0;
+}
+
+.edu-course-widget .widget-title {
+ margin-bottom: 0;
+}
+
+.edu-course-widget .widget-title.widget-toggle {
+ position: relative;
+ cursor: pointer;
+}
+
+.edu-course-widget .widget-title.widget-toggle:after {
+ content: "\e91e";
+ font-family: var(--font-icomoon);
+ font-size: 6px;
+ position: absolute;
+ top: 8px;
+ right: 0;
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course-widget .content {
+ padding-top: 10px;
+}
+
+.edu-course-widget .content .edu-form-check {
+ position: relative;
+ margin: 20px 0;
+}
+
+.edu-course-widget .content .edu-form-check label span {
+ margin-left: 2px;
+}
+
+.edu-course-widget.collapsed .widget-title.widget-toggle:after {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+}
+
+.edu-course-widget.widget-rating .content .edu-form-check label i {
+ color: #eda803;
+}
+
+.edu-course-widget.widget-rating .content .edu-form-check label i.off {
+ color: #c8cbcc;
+}
+
+.edu-course-widget.widget-course-summery {
+ padding: 15px;
+}
+
+.edu-course-widget.widget-course-summery .widget-title {
+ margin-bottom: 16px;
+}
+
+.edu-course-widget.widget-course-summery .thumbnail {
+ position: relative;
+ margin-bottom: 10px;
+}
+
+.edu-course-widget.widget-course-summery .thumbnail:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: var(--color-black);
+ border-radius: 5px;
+ opacity: .3;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.edu-course-widget.widget-course-summery .thumbnail img {
+ border-radius: 5px;
+ width: 100%;
+}
+
+.edu-course-widget.widget-course-summery .thumbnail .play-btn {
+ display: inline-block;
+ text-align: center;
+ width: 70px;
+ height: 70px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border-radius: 50%;
+ background: var(--color-white);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ z-index: 1;
+ color: var(--color-secondary);
+ font-size: 18px;
+}
+
+.edu-course-widget.widget-course-summery .thumbnail .play-btn i {
+ margin-left: 5px;
+}
+
+.edu-course-widget.widget-course-summery .thumbnail .play-btn:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.edu-course-widget.widget-course-summery .content {
+ padding: 30px 25px 25px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .edu-course-widget.widget-course-summery .content {
+ padding: 30px 10px 25px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-course-widget.widget-course-summery .content {
+ padding: 30px 10px 25px;
+ }
+}
+
+.edu-course-widget.widget-course-summery .content .course-item li {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+ color: var(--color-heading);
+ border-bottom: 1px solid var(--color-border);
+ padding: 15px 0;
+ margin: 0;
+}
+
+.edu-course-widget.widget-course-summery .content .course-item li:last-child {
+ border-bottom: none;
+}
+
+.edu-course-widget.widget-course-summery .content .course-item li i {
+ font-size: 24px;
+ padding-right: 15px;
+ max-width: 35px;
+}
+
+.edu-course-widget.widget-course-summery .content .course-item li svg {
+ margin-right: 15px;
+ max-width: 35px;
+}
+
+.edu-course-widget.widget-course-summery .content .course-item li .label {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-family: var(--font-secondary);
+}
+
+.edu-course-widget.widget-course-summery .content .course-item li .price {
+ font-size: 20px;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-secondary);
+}
+
+.edu-course-widget.widget-course-summery .content .read-more-btn {
+ margin-top: 24px;
+ margin-bottom: 30px;
+}
+
+.edu-course-widget.widget-course-summery .content .read-more-btn .edu-btn {
+ width: 100%;
+}
+
+.edu-course-widget.widget-course-summery .content .share-area .title {
+ margin-bottom: 15px;
+}
+
+.edu-course-widget.widget-course-summery .content .share-area .social-share {
+ margin: -8px;
+}
+
+.edu-course-widget.widget-course-summery .content .share-area .social-share li {
+ margin: 8px;
+}
+
+.edu-course-widget.widget-course-summery .content .share-area .social-share li a {
+ height: 40px;
+ width: 40px;
+ line-height: 40px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-course-sidebar {
+ margin-bottom: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-course-sidebar {
+ margin-bottom: 50px;
+ }
+}
+
+.course-sidebar-2 {
+ background-color: var(--color-white);
+ border-radius: 5px;
+ box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .course-sidebar-2 {
+ margin-bottom: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .course-sidebar-2 {
+ margin-bottom: 50px;
+ }
+}
+
+.course-sidebar-2 .edu-course-widget {
+ background-color: transparent;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+.course-sidebar-2 .edu-course-widget .inner {
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 15px;
+}
+
+.course-sidebar-2 .edu-course-widget:last-child .inner {
+ border-bottom: none;
+}
+
+.course-sidebar-3 .edu-blog-widget,
+.course-sidebar-3 .edu-course-widget {
+ background-color: var(--color-white);
+ border-radius: 5px;
+ box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07);
+ margin-bottom: 30px;
+}
+
+.course-sidebar-3 .edu-blog-widget:last-child,
+ .course-sidebar-3 .edu-course-widget:last-child {
+ margin-bottom: 0;
+}
+
+.course-sidebar-3 .edu-blog-widget {
+ padding: 40px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .course-sidebar-3 .edu-blog-widget {
+ padding: 40px 25px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .course-sidebar-3 .edu-blog-widget {
+ padding: 40px 25px;
+ }
+}
+
+.course-sidebar-3 .edu-blog-widget .widget-title {
+ margin-bottom: 40px;
+}
+
+@media only screen and (max-width: 991px) {
+ .course-sidebar-3 {
+ margin-top: 50px;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .sidebar-top-position {
+ margin-top: -365px;
+ position: relative;
+ z-index: 2;
+ }
+}
+
+/*-------------------
+ Pagination Styles
+---------------------*/
+.edu-pagination {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-top: 70px;
+}
+
+.edu-pagination li {
+ margin: 0 2px;
+}
+
+.edu-pagination li a {
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ display: block;
+ border-radius: 50%;
+ text-align: center;
+ color: var(--color-heading);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ font-size: 18px;
+ font-weight: 600;
+ position: relative;
+ z-index: 1;
+}
+
+.edu-pagination li a:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background: var(--gradient-primary);
+ border-radius: 50%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ z-index: -1;
+ opacity: 0;
+}
+
+.edu-pagination li a i {
+ font-weight: 700;
+ position: relative;
+ top: 2px;
+}
+
+.edu-pagination li.active a, .edu-pagination li:hover a {
+ color: var(--color-white);
+}
+
+.edu-pagination li.active a:before, .edu-pagination li:hover a:before {
+ opacity: 1;
+}
+
+.edu-pagination li.more-next a {
+ position: relative;
+}
+
+.edu-pagination li.more-next a:after {
+ content: ". . .";
+ font-size: 18px;
+ font-weight: 700;
+ position: absolute;
+ top: 40%;
+ left: 50%;
+ -webkit-transform: translateY(-50%) translateX(-50%);
+ -ms-transform: translateY(-50%) translateX(-50%);
+ transform: translateY(-50%) translateX(-50%);
+}
+
+.edu-pagination.top-space-30 {
+ padding-top: 30px;
+}
+
+/*-------------------------
+ Sal Styels
+-------------------------*/
+/**
+ * Settings
+ */
+/**
+ * Easings
+ */
+/**
+ * Core
+ */
+[data-sal] {
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-delay: 0s;
+ transition-delay: 0s;
+ -webkit-transition-duration: var(--sal-duration, 0.2s);
+ transition-duration: var(--sal-duration, 0.2s);
+ -webkit-transition-delay: var(--sal-delay, 0s);
+ transition-delay: var(--sal-delay, 0s);
+ -webkit-transition-timing-function: var(--sal-easing, ease);
+ transition-timing-function: var(--sal-easing, ease);
+}
+
+[data-sal][data-sal-duration='200'] {
+ -webkit-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+}
+
+[data-sal][data-sal-duration='250'] {
+ -webkit-transition-duration: 0.25s;
+ transition-duration: 0.25s;
+}
+
+[data-sal][data-sal-duration='300'] {
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+
+[data-sal][data-sal-duration='350'] {
+ -webkit-transition-duration: 0.35s;
+ transition-duration: 0.35s;
+}
+
+[data-sal][data-sal-duration='400'] {
+ -webkit-transition-duration: 0.4s;
+ transition-duration: 0.4s;
+}
+
+[data-sal][data-sal-duration='450'] {
+ -webkit-transition-duration: 0.45s;
+ transition-duration: 0.45s;
+}
+
+[data-sal][data-sal-duration='500'] {
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+
+[data-sal][data-sal-duration='550'] {
+ -webkit-transition-duration: 0.55s;
+ transition-duration: 0.55s;
+}
+
+[data-sal][data-sal-duration='600'] {
+ -webkit-transition-duration: 0.6s;
+ transition-duration: 0.6s;
+}
+
+[data-sal][data-sal-duration='650'] {
+ -webkit-transition-duration: 0.65s;
+ transition-duration: 0.65s;
+}
+
+[data-sal][data-sal-duration='700'] {
+ -webkit-transition-duration: 0.7s;
+ transition-duration: 0.7s;
+}
+
+[data-sal][data-sal-duration='750'] {
+ -webkit-transition-duration: 0.75s;
+ transition-duration: 0.75s;
+}
+
+[data-sal][data-sal-duration='800'] {
+ -webkit-transition-duration: 0.8s;
+ transition-duration: 0.8s;
+}
+
+[data-sal][data-sal-duration='850'] {
+ -webkit-transition-duration: 0.85s;
+ transition-duration: 0.85s;
+}
+
+[data-sal][data-sal-duration='900'] {
+ -webkit-transition-duration: 0.9s;
+ transition-duration: 0.9s;
+}
+
+[data-sal][data-sal-duration='950'] {
+ -webkit-transition-duration: 0.95s;
+ transition-duration: 0.95s;
+}
+
+[data-sal][data-sal-duration='1000'] {
+ -webkit-transition-duration: 1s;
+ transition-duration: 1s;
+}
+
+[data-sal][data-sal-duration='1050'] {
+ -webkit-transition-duration: 1.05s;
+ transition-duration: 1.05s;
+}
+
+[data-sal][data-sal-duration='1100'] {
+ -webkit-transition-duration: 1.1s;
+ transition-duration: 1.1s;
+}
+
+[data-sal][data-sal-duration='1150'] {
+ -webkit-transition-duration: 1.15s;
+ transition-duration: 1.15s;
+}
+
+[data-sal][data-sal-duration='1200'] {
+ -webkit-transition-duration: 1.2s;
+ transition-duration: 1.2s;
+}
+
+[data-sal][data-sal-duration='1250'] {
+ -webkit-transition-duration: 1.25s;
+ transition-duration: 1.25s;
+}
+
+[data-sal][data-sal-duration='1300'] {
+ -webkit-transition-duration: 1.3s;
+ transition-duration: 1.3s;
+}
+
+[data-sal][data-sal-duration='1350'] {
+ -webkit-transition-duration: 1.35s;
+ transition-duration: 1.35s;
+}
+
+[data-sal][data-sal-duration='1400'] {
+ -webkit-transition-duration: 1.4s;
+ transition-duration: 1.4s;
+}
+
+[data-sal][data-sal-duration='1450'] {
+ -webkit-transition-duration: 1.45s;
+ transition-duration: 1.45s;
+}
+
+[data-sal][data-sal-duration='1500'] {
+ -webkit-transition-duration: 1.5s;
+ transition-duration: 1.5s;
+}
+
+[data-sal][data-sal-duration='1550'] {
+ -webkit-transition-duration: 1.55s;
+ transition-duration: 1.55s;
+}
+
+[data-sal][data-sal-duration='1600'] {
+ -webkit-transition-duration: 1.6s;
+ transition-duration: 1.6s;
+}
+
+[data-sal][data-sal-duration='1650'] {
+ -webkit-transition-duration: 1.65s;
+ transition-duration: 1.65s;
+}
+
+[data-sal][data-sal-duration='1700'] {
+ -webkit-transition-duration: 1.7s;
+ transition-duration: 1.7s;
+}
+
+[data-sal][data-sal-duration='1750'] {
+ -webkit-transition-duration: 1.75s;
+ transition-duration: 1.75s;
+}
+
+[data-sal][data-sal-duration='1800'] {
+ -webkit-transition-duration: 1.8s;
+ transition-duration: 1.8s;
+}
+
+[data-sal][data-sal-duration='1850'] {
+ -webkit-transition-duration: 1.85s;
+ transition-duration: 1.85s;
+}
+
+[data-sal][data-sal-duration='1900'] {
+ -webkit-transition-duration: 1.9s;
+ transition-duration: 1.9s;
+}
+
+[data-sal][data-sal-duration='1950'] {
+ -webkit-transition-duration: 1.95s;
+ transition-duration: 1.95s;
+}
+
+[data-sal][data-sal-duration='2000'] {
+ -webkit-transition-duration: 2s;
+ transition-duration: 2s;
+}
+
+[data-sal][data-sal-delay='50'] {
+ -webkit-transition-delay: 0.05s;
+ transition-delay: 0.05s;
+}
+
+[data-sal][data-sal-delay='100'] {
+ -webkit-transition-delay: 0.1s;
+ transition-delay: 0.1s;
+}
+
+[data-sal][data-sal-delay='150'] {
+ -webkit-transition-delay: 0.15s;
+ transition-delay: 0.15s;
+}
+
+[data-sal][data-sal-delay='200'] {
+ -webkit-transition-delay: 0.2s;
+ transition-delay: 0.2s;
+}
+
+[data-sal][data-sal-delay='250'] {
+ -webkit-transition-delay: 0.25s;
+ transition-delay: 0.25s;
+}
+
+[data-sal][data-sal-delay='300'] {
+ -webkit-transition-delay: 0.3s;
+ transition-delay: 0.3s;
+}
+
+[data-sal][data-sal-delay='350'] {
+ -webkit-transition-delay: 0.35s;
+ transition-delay: 0.35s;
+}
+
+[data-sal][data-sal-delay='400'] {
+ -webkit-transition-delay: 0.4s;
+ transition-delay: 0.4s;
+}
+
+[data-sal][data-sal-delay='450'] {
+ -webkit-transition-delay: 0.45s;
+ transition-delay: 0.45s;
+}
+
+[data-sal][data-sal-delay='500'] {
+ -webkit-transition-delay: 0.5s;
+ transition-delay: 0.5s;
+}
+
+[data-sal][data-sal-delay='550'] {
+ -webkit-transition-delay: 0.55s;
+ transition-delay: 0.55s;
+}
+
+[data-sal][data-sal-delay='600'] {
+ -webkit-transition-delay: 0.6s;
+ transition-delay: 0.6s;
+}
+
+[data-sal][data-sal-delay='650'] {
+ -webkit-transition-delay: 0.65s;
+ transition-delay: 0.65s;
+}
+
+[data-sal][data-sal-delay='700'] {
+ -webkit-transition-delay: 0.7s;
+ transition-delay: 0.7s;
+}
+
+[data-sal][data-sal-delay='750'] {
+ -webkit-transition-delay: 0.75s;
+ transition-delay: 0.75s;
+}
+
+[data-sal][data-sal-delay='800'] {
+ -webkit-transition-delay: 0.8s;
+ transition-delay: 0.8s;
+}
+
+[data-sal][data-sal-delay='850'] {
+ -webkit-transition-delay: 0.85s;
+ transition-delay: 0.85s;
+}
+
+[data-sal][data-sal-delay='900'] {
+ -webkit-transition-delay: 0.9s;
+ transition-delay: 0.9s;
+}
+
+[data-sal][data-sal-delay='950'] {
+ -webkit-transition-delay: 0.95s;
+ transition-delay: 0.95s;
+}
+
+[data-sal][data-sal-delay='1000'] {
+ -webkit-transition-delay: 1s;
+ transition-delay: 1s;
+}
+
+[data-sal][data-sal-easing='linear'] {
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+
+[data-sal][data-sal-easing='ease'] {
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
+}
+
+[data-sal][data-sal-easing='ease-in'] {
+ -webkit-transition-timing-function: ease-in;
+ transition-timing-function: ease-in;
+}
+
+[data-sal][data-sal-easing='ease-out'] {
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+
+[data-sal][data-sal-easing='ease-in-out'] {
+ -webkit-transition-timing-function: ease-in-out;
+ transition-timing-function: ease-in-out;
+}
+
+[data-sal][data-sal-easing='ease-in-cubic'] {
+ -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+}
+
+[data-sal][data-sal-easing='ease-out-cubic'] {
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-out-cubic'] {
+ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+ transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-circ'] {
+ -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
+ transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
+}
+
+[data-sal][data-sal-easing='ease-out-circ'] {
+ -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
+ transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-out-circ'] {
+ -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+ transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+}
+
+[data-sal][data-sal-easing='ease-in-expo'] {
+ -webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+ transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+}
+
+[data-sal][data-sal-easing='ease-out-expo'] {
+ -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-out-expo'] {
+ -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
+ transition-timing-function: cubic-bezier(1, 0, 0, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-quad'] {
+ -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+ transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+}
+
+[data-sal][data-sal-easing='ease-out-quad'] {
+ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+[data-sal][data-sal-easing='ease-in-out-quad'] {
+ -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+ transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+}
+
+[data-sal][data-sal-easing='ease-in-quart'] {
+ -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+ transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+}
+
+[data-sal][data-sal-easing='ease-out-quart'] {
+ -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+ transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-out-quart'] {
+ -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+ transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-quint'] {
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+ transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+}
+
+[data-sal][data-sal-easing='ease-out-quint'] {
+ -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
+ transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-out-quint'] {
+ -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
+ transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-sine'] {
+ -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
+ transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
+}
+
+[data-sal][data-sal-easing='ease-out-sine'] {
+ -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
+ transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
+}
+
+[data-sal][data-sal-easing='ease-in-out-sine'] {
+ -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
+ transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
+}
+
+[data-sal][data-sal-easing='ease-in-back'] {
+ -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
+ transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
+}
+
+[data-sal][data-sal-easing='ease-out-back'] {
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+[data-sal][data-sal-easing='ease-in-out-back'] {
+ -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+ transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+
+/**
+ * Animations
+ */
+[data-sal|='fade'] {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+}
+
+[data-sal|='fade'].sal-animate,
+body.sal-disabled [data-sal|='fade'] {
+ opacity: 1;
+}
+
+[data-sal|='slide'] {
+ opacity: 0;
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: opacity, transform;
+ transition-property: opacity, transform, -webkit-transform;
+}
+
+[data-sal='slide-up'] {
+ -webkit-transform: translateY(20%);
+ -ms-transform: translateY(20%);
+ transform: translateY(20%);
+}
+
+[data-sal='slide-down'] {
+ -webkit-transform: translateY(-20%);
+ -ms-transform: translateY(-20%);
+ transform: translateY(-20%);
+}
+
+[data-sal='slide-left'] {
+ -webkit-transform: translateX(20%);
+ -ms-transform: translateX(20%);
+ transform: translateX(20%);
+}
+
+[data-sal='slide-right'] {
+ -webkit-transform: translateX(-20%);
+ -ms-transform: translateX(-20%);
+ transform: translateX(-20%);
+}
+
+[data-sal|='slide'].sal-animate,
+body.sal-disabled [data-sal|='slide'] {
+ opacity: 1;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+[data-sal|='zoom'] {
+ opacity: 0;
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: opacity, transform;
+ transition-property: opacity, transform, -webkit-transform;
+}
+
+[data-sal='zoom-in'] {
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+}
+
+[data-sal='zoom-out'] {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+[data-sal|='zoom'].sal-animate,
+body.sal-disabled [data-sal|='zoom'] {
+ opacity: 1;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+[data-sal|='flip'] {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transition-property: -webkit-transform;
+ transition-property: -webkit-transform;
+ transition-property: transform;
+ transition-property: transform, -webkit-transform;
+}
+
+[data-sal='flip-left'] {
+ -webkit-transform: perspective(2000px) rotateY(-91deg);
+ transform: perspective(2000px) rotateY(-91deg);
+}
+
+[data-sal='flip-right'] {
+ -webkit-transform: perspective(2000px) rotateY(91deg);
+ transform: perspective(2000px) rotateY(91deg);
+}
+
+[data-sal='flip-up'] {
+ -webkit-transform: perspective(2000px) rotateX(-91deg);
+ transform: perspective(2000px) rotateX(-91deg);
+}
+
+[data-sal='flip-down'] {
+ -webkit-transform: perspective(2000px) rotateX(91deg);
+ transform: perspective(2000px) rotateX(91deg);
+}
+
+[data-sal|='flip'].sal-animate,
+body.sal-disabled [data-sal|='flip'] {
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+/*---------------------------
+ Section Title
+----------------------------*/
+.section-title {
+ margin-bottom: 44px;
+}
+
+@media only screen and (max-width: 767px) {
+ .section-title {
+ margin-bottom: 40px;
+ }
+}
+
+.section-title .pre-title {
+ font-weight: 500;
+ display: inline-block;
+ text-transform: uppercase;
+ margin-bottom: 14px;
+ letter-spacing: 1px;
+}
+
+.section-title .pre-title.pre-textsecondary {
+ color: var(--color-secondary);
+}
+
+.section-title .title {
+ margin-bottom: 4px;
+}
+
+@media only screen and (max-width: 767px) {
+ .section-title .title br {
+ display: none;
+ }
+}
+
+.section-title .shape-line {
+ display: block;
+ color: var(--color-primary);
+}
+
+.section-title p {
+ margin-bottom: 24px;
+ margin-top: 15px;
+}
+
+.section-title.section-left {
+ text-align: left;
+}
+
+.section-title.section-center {
+ text-align: center;
+}
+
+.section-title-flex {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+@media only screen and (max-width: 767px) {
+ .section-title-flex {
+ display: block;
+ text-align: center;
+ }
+}
+
+.section-title-flex .left-content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: right;
+ margin-right: 90px;
+ margin-bottom: 20px;
+ position: relative;
+}
+
+@media only screen and (max-width: 767px) {
+ .section-title-flex .left-content {
+ text-align: center;
+ margin-right: 0;
+ }
+}
+
+.section-title-flex .left-content:after {
+ content: "";
+ height: 83px;
+ width: 1px;
+ background-color: #e5e1dc;
+ position: absolute;
+ top: 5px;
+ right: -45px;
+}
+
+@media only screen and (max-width: 767px) {
+ .section-title-flex .left-content:after {
+ display: none;
+ }
+}
+
+.section-title-flex .right-content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.section-title-flex .right-content p {
+ margin: 0;
+ color: var(--color-heading);
+}
+
+.splash-title .number {
+ font-size: 60px;
+ font-weight: 700;
+ font-family: var(--font-secondary);
+ line-height: 1;
+ margin-bottom: 5px;
+ background: #31B978;
+ background: -webkit-linear-gradient(right, #31B978 0%, #1AB69D 76%);
+ background: linear-gradient(to left, #31B978 0%, #1AB69D 76%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .splash-title .number {
+ font-size: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .splash-title .number {
+ font-size: 40px;
+ }
+}
+
+.splash-title .pre-title {
+ font-size: 16px;
+ font-weight: 700;
+ background: #31B978;
+ background: -webkit-linear-gradient(right, #31B978 0%, #1AB69D 76%);
+ background: linear-gradient(to left, #31B978 0%, #1AB69D 76%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+.splash-title .title {
+ font-size: 40px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .splash-title .title {
+ font-size: 36px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .splash-title .title {
+ font-size: 30px;
+ }
+}
+
+/*---------------------------
+ * Swiper Styles
+----------------------------*/
+.swiper-wrapper .swiper-slide {
+ padding: 0 15px;
+}
+
+.swiper-navigation .swiper-btn-nxt,
+.swiper-navigation .swiper-btn-prv {
+ display: inline-block;
+ height: 60px;
+ width: 60px;
+ line-height: 60px;
+ border-radius: 50%;
+ margin-right: 10px;
+ font-size: 24px;
+ text-align: center;
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+@media only screen and (max-width: 767px) {
+ .swiper-navigation .swiper-btn-nxt,
+ .swiper-navigation .swiper-btn-prv {
+ height: 45px;
+ width: 45px;
+ line-height: 45px;
+ font-size: 18px;
+ }
+}
+
+.swiper-navigation .swiper-btn-nxt:hover,
+ .swiper-navigation .swiper-btn-prv:hover {
+ color: var(--color-white);
+ background: var(--gradient-primary);
+}
+
+.blog-gallery-activation {
+ position: relative;
+}
+
+.blog-gallery-activation .swiper-navigation .swiper-btn-nxt,
+ .blog-gallery-activation .swiper-navigation .swiper-btn-prv {
+ position: absolute;
+ top: 45%;
+ z-index: 1;
+}
+
+.blog-gallery-activation .swiper-navigation .swiper-btn-nxt {
+ left: 30px;
+}
+
+.blog-gallery-activation .swiper-navigation .swiper-btn-prv {
+ right: 20px;
+}
+
+.testimonial-area-4 .swiper-navigation .swiper-btn-nxt,
+.testimonial-area-4 .swiper-navigation .swiper-btn-prv {
+ border: 1px solid var(--color-border);
+}
+
+/*---------------------------
+ Social Share Style
+---------------------------*/
+.social-share {
+ margin: -10px;
+ padding: 0;
+ list-style: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+
+.social-share li {
+ margin: 10px;
+}
+
+.social-share li a {
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ width: 46px;
+ height: 46px;
+ line-height: 46px;
+ display: inline-block;
+ font-size: 16px;
+ color: var(--color-body);
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ text-align: center;
+}
+
+.social-share li a:hover {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.social-share.icon-transparent {
+ margin: 0 -15px;
+}
+
+.social-share.icon-transparent li {
+ margin: 0 15px;
+}
+
+.social-share.icon-transparent li a {
+ height: auto;
+ width: auto;
+ color: var(--color-body);
+ -webkit-transition: 0.4s;
+ transition: 0.4s;
+ line-height: initial;
+ font-size: 18px;
+ border: none;
+ border-radius: 0;
+}
+
+.social-share.icon-transparent li a:hover {
+ color: var(--color-primary);
+ background-color: transparent;
+}
+
+/*-------------------------
+ Theme Switcher Style
+---------------------------*/
+.theme-switcher {
+ position: fixed;
+ left: 0;
+ top: 200px;
+ z-index: 123;
+ background: #333;
+ border: 2px solid rgba(255, 255, 255, 0.07);
+ border-radius: 50%;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ padding: 6px 6px;
+ transition: all .3s ease-in-out;
+ -webkit-transition: all .3s ease-in-out;
+ -moz-transition: all .3s ease-in-out;
+ -ms-transition: all .3s ease-in-out;
+ -o-transition: all .3s ease-in-out;
+}
+
+.theme-switcher #moon {
+ width: 25px;
+ margin-bottom: 0;
+ cursor: pointer;
+}
+
+/*=======================================================================
+3. Template Styles
+=========================================================================*/
+/*-------------------
+ About Styles
+---------------------*/
+.about-image-gallery {
+ position: relative;
+ padding: 90px 0 60px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .about-image-gallery {
+ text-align: center;
+ }
+}
+
+.about-image-gallery img {
+ border-radius: 10px;
+}
+
+.about-image-gallery .video-box {
+ position: absolute;
+ top: 0;
+ right: 40px;
+}
+
+@media only screen and (max-width: 575px) {
+ .about-image-gallery .video-box {
+ -webkit-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ right: 0;
+ }
+}
+
+.about-image-gallery .video-box .inner {
+ padding: 20px;
+ background-color: var(--color-white);
+ border-radius: 10px;
+ box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);
+}
+
+.about-image-gallery .video-box .inner .thumb {
+ position: relative;
+ text-align: center;
+}
+
+.about-image-gallery .video-box .inner .thumb img {
+ border-radius: 6px;
+}
+
+.about-image-gallery .video-box .inner .thumb .popup-icon {
+ cursor: pointer;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ margin: 0 auto;
+ height: 60px;
+ width: 60px;
+ line-height: 62px;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ color: var(--color-secondary);
+ font-size: 18px;
+}
+
+.about-image-gallery .video-box .inner .thumb .popup-icon i {
+ margin-left: 5px;
+}
+
+.about-image-gallery .video-box .inner .thumb .popup-icon:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.about-image-gallery .video-box .inner .loading-bar {
+ margin: -20px 0;
+ padding-top: 20px;
+}
+
+.about-image-gallery .video-box .inner .loading-bar span {
+ display: block;
+ height: 7px;
+ background-color: #eaf0f2;
+ border-radius: 10px;
+ margin: 20px 0;
+}
+
+.about-image-gallery .video-box .inner .loading-bar span:first-child {
+ width: 80%;
+}
+
+.about-image-gallery .video-box .inner .loading-bar span:nth-child(2n) {
+ width: 45%;
+}
+
+.about-image-gallery .award-status {
+ position: absolute;
+ right: 70px;
+ bottom: 0;
+}
+
+@media only screen and (max-width: 479px) {
+ .about-image-gallery .award-status {
+ right: 0;
+ }
+}
+
+.about-image-gallery .award-status .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 22px 20px 18px 30px;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);
+ background: #FFFFFF;
+ border-radius: 10px;
+}
+
+.about-image-gallery .award-status .inner .icon {
+ width: 60px;
+ height: 60px;
+ background: rgba(26, 182, 157, 0.1);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 50%;
+ margin-right: 15px;
+ color: var(--color-primary);
+ font-size: 30px;
+}
+
+.about-image-gallery .award-status .inner .content {
+ text-align: left;
+}
+
+.about-image-gallery .award-status .inner .content .title {
+ color: var(--color-primary);
+ font-size: 24px;
+ line-height: 1;
+ margin-bottom: 0;
+}
+
+.about-image-gallery .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.about-image-gallery .shape-group li.shape-1 {
+ top: 20px;
+ left: -100px;
+}
+
+@media only screen and (max-width: 991px) {
+ .about-image-gallery .shape-group li.shape-1 {
+ left: 0;
+ }
+}
+
+.about-image-gallery .shape-group li.shape-2 {
+ bottom: -30px;
+ right: 130px;
+}
+
+.about-content {
+ padding-left: 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .about-content {
+ padding-left: 0;
+ }
+}
+
+.about-content .section-title {
+ margin-bottom: 20px;
+}
+
+.about-content .features-list li {
+ font-weight: var(--p-medium);
+ font-family: var(--font-secondary);
+ color: var(--color-heading);
+ padding-left: 35px;
+ position: relative;
+ margin-bottom: 16px;
+ margin-top: 16px;
+}
+
+.about-content .features-list li:before {
+ content: "\e913";
+ font-family: 'icomoon';
+ color: var(--color-tertiary);
+ font-size: 19px;
+ position: absolute;
+ left: 0;
+ top: -3px;
+}
+
+.about-style-1,
+.about-style-2 {
+ position: relative;
+}
+
+.about-style-1 .shape-group li,
+ .about-style-2 .shape-group li {
+ position: absolute;
+ top: 107px;
+ right: -210px;
+ z-index: -1;
+}
+
+.about-style-1 .shape-group li.shape-1.circle span,
+ .about-style-2 .shape-group li.shape-1.circle span {
+ display: block;
+ height: 101px;
+ width: 101px;
+ border: 15px solid var(--color-tertiary);
+ border-radius: 50%;
+}
+
+@media only screen and (max-width: 1650px) {
+ .about-style-1 .shape-group li,
+ .about-style-2 .shape-group li {
+ right: -110px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .about-style-1 .shape-group li,
+ .about-style-2 .shape-group li {
+ right: -50px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .about-style-1 .about-image-gallery .shape-group li {
+ display: none;
+ }
+}
+
+.about-style-1 .about-image-gallery .shape-group li.shape-1 {
+ top: 20px;
+ left: -100px;
+}
+
+.about-style-1 .about-image-gallery .shape-group li.shape-2 {
+ top: 4px;
+ left: -50px;
+}
+
+.about-style-1 .about-image-gallery .shape-group li.shape-3 {
+ bottom: -33px;
+ right: 120px;
+ top: inherit;
+}
+
+.about-style-2 .about-image-gallery {
+ position: relative;
+ padding: 80px 0 60px 70px;
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-2 .about-image-gallery {
+ padding: 0;
+ }
+}
+
+.about-style-2 .about-image-gallery .author-box {
+ position: absolute;
+ top: 15px;
+ right: 0;
+ max-width: 220px;
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-2 .about-image-gallery .author-box {
+ display: none;
+ }
+}
+
+.about-style-2 .about-image-gallery .author-box .inner {
+ background-color: var(--color-white);
+ box-shadow: 0px 40px 70px rgba(15, 11, 44, 0.2);
+ padding: 40px 20px;
+ border-radius: 10px 40px 10px 80px;
+ text-align: center;
+}
+
+.about-style-2 .about-image-gallery .author-box .inner .thumb {
+ margin-bottom: 20px;
+}
+
+.about-style-2 .about-image-gallery .author-box .inner .content .title {
+ margin-bottom: 10px;
+}
+
+.about-style-2 .about-image-gallery .author-box .inner .content p {
+ margin-bottom: 0;
+}
+
+.about-style-2 .about-image-gallery .award-status {
+ right: auto;
+ left: 0;
+}
+
+.about-style-2 .about-image-gallery .award-status .inner {
+ box-shadow: 0px 40px 60px rgba(15, 11, 44, 0.15);
+ border-radius: 30px 10px 50px 10px;
+}
+
+.about-style-2 .about-image-gallery .award-status .inner .icon {
+ background: rgba(238, 74, 98, 0.1);
+ color: var(--color-secondary);
+}
+
+.about-style-2 .about-image-gallery .award-status .inner .content .title {
+ color: var(--color-secondary);
+}
+
+.about-style-2 .about-image-gallery .award-status .inner .content .subtitle {
+ color: var(--color-heading);
+}
+
+.about-style-2 .about-image-gallery .shape-group li.shape-1 {
+ top: 0;
+ left: -55px;
+ right: inherit;
+}
+
+.about-style-2 .about-image-gallery .shape-group li.shape-2 {
+ top: 0;
+ left: 0;
+ bottom: inherit;
+ right: inherit;
+}
+
+.about-style-2 .about-image-gallery .shape-group li.shape-3 {
+ top: inherit;
+ bottom: -15px;
+ right: -5px;
+}
+
+.about-style-2 .about-content {
+ padding-left: 80px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .about-style-2 .about-content {
+ padding-left: 30px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .about-style-2 .about-content {
+ padding-left: 0;
+ }
+}
+
+.about-style-3 {
+ padding: 90px 0 120px;
+ position: relative;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .about-style-3 {
+ padding: 90px 0 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-3 {
+ padding: 80px 0;
+ }
+}
+
+.about-style-3 .about-content {
+ padding-right: 30px;
+ padding-left: 0;
+}
+
+@media only screen and (max-width: 575px) {
+ .about-style-3 .about-content {
+ padding-right: 0;
+ }
+}
+
+.about-style-3 .about-content .section-title {
+ margin-bottom: 34px;
+}
+
+.about-style-3 .about-content .nav-tabs {
+ border-bottom: none;
+ margin: -8px -16px;
+ padding-bottom: 20px;
+}
+
+.about-style-3 .about-content .nav-tabs .nav-item {
+ margin: 8px 16px;
+ position: relative;
+}
+
+.about-style-3 .about-content .nav-tabs .nav-item:after {
+ content: "";
+ height: 14px;
+ width: 2px;
+ background-color: #e5e5e5;
+ position: absolute;
+ top: 2px;
+ right: -18px;
+}
+
+.about-style-3 .about-content .nav-tabs .nav-item:last-child:after {
+ display: none;
+}
+
+.about-style-3 .about-content .nav-tabs .nav-link {
+ color: var(--color-heading);
+ font-size: 17px;
+ font-weight: var(--p-semi-bold);
+ font-family: var(--font-secondary);
+ background-color: transparent;
+ border: none;
+ padding: 0;
+ position: relative;
+ padding-bottom: 1px;
+}
+
+.about-style-3 .about-content .nav-tabs .nav-link:after {
+ content: "";
+ height: 2px;
+ width: 0;
+ background-color: var(--color-secondary);
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.about-style-3 .about-content .nav-tabs .nav-link:hover, .about-style-3 .about-content .nav-tabs .nav-link.active {
+ color: var(--color-secondary);
+}
+
+.about-style-3 .about-content .nav-tabs .nav-link:hover:after, .about-style-3 .about-content .nav-tabs .nav-link.active:after {
+ width: 100%;
+ opacity: 1;
+}
+
+.about-style-3 .about-content .tab-content p {
+ margin-bottom: 20px;
+}
+
+.about-style-3 .about-content .tab-content .features-list li:before {
+ color: var(--color-secondary);
+}
+
+.about-style-3 .about-image-gallery {
+ padding: 80px 0 65px 30px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .about-style-3 .about-image-gallery {
+ text-align: left;
+ padding: 20px 0 65px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-3 .about-image-gallery {
+ padding: 20px 0 65px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .about-style-3 .about-image-gallery {
+ padding: 0;
+ }
+}
+
+.about-style-3 .about-image-gallery .main-img-2 {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .about-style-3 .about-image-gallery .main-img-2 {
+ right: 115px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .about-style-3 .about-image-gallery .main-img-2 {
+ display: none;
+ }
+}
+
+.about-style-3 .about-image-gallery .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.about-style-3 .about-image-gallery .shape-group li img {
+ position: initial;
+}
+
+.about-style-3 .about-image-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: 95px;
+ top: -15px;
+}
+
+.about-style-3 .about-image-gallery .shape-group li.shape-2 {
+ left: inherit;
+ bottom: inherit;
+ right: 39px;
+ top: 13px;
+ z-index: -2;
+}
+
+.about-style-3 .about-image-gallery .shape-group li.shape-3 {
+ top: inherit;
+ right: inherit;
+ left: -2px;
+ bottom: 33px;
+}
+
+.about-style-3 .about-image-gallery .shape-group li.shape-4 {
+ right: 40px;
+ bottom: -25px;
+ z-index: -1;
+}
+
+.about-style-3 .about-image-gallery .shape-group li.shape-4 span {
+ display: block;
+ height: 320px;
+ width: 320px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-3 .shape-group {
+ display: none;
+ }
+}
+
+.about-style-3 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.about-style-3 .shape-group li img {
+ position: initial;
+}
+
+.about-style-3 .shape-group li.shape-5 {
+ left: 110px;
+ top: 20px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .about-style-3 .shape-group li.shape-5 {
+ left: 0;
+ top: 0;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .about-style-3 .shape-group li.shape-5 {
+ left: -90px;
+ }
+}
+
+.about-style-3 .shape-group li.shape-6 {
+ top: -350px;
+ left: 80px;
+ z-index: -1;
+}
+
+.about-style-3 .shape-group li.shape-6 span {
+ display: block;
+ height: 470px;
+ width: 470px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+@media only screen and (max-width: 1650px) {
+ .about-style-3 .shape-group li.shape-6 {
+ left: 0;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .about-style-3 .shape-group li.shape-6 {
+ left: -90px;
+ }
+}
+
+.about-style-4 .about-content {
+ padding-right: 0;
+ padding-left: 30px;
+}
+
+.about-style-4 .about-content .section-title p {
+ margin-top: 26px;
+}
+
+.about-style-4 .about-content .features-list {
+ margin-bottom: 35px;
+}
+
+.about-style-4 .about-content .features-list li:before {
+ color: var(--color-secondary);
+}
+
+.about-style-4 .about-image-gallery {
+ padding: 80px 0 65px;
+ margin-right: 30px;
+}
+
+.about-style-4 .about-image-gallery .main-img-1 {
+ background-color: var(--color-white);
+ padding: 20px;
+ display: inline-block;
+ border-radius: 20px;
+ box-shadow: 0 20px 40px 0 rgba(42, 11, 88, 0.1);
+}
+
+.about-style-4 .about-image-gallery .main-img-2 {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+}
+
+.about-style-4 .about-image-gallery .shape-group .shape-1 {
+ left: inherit;
+ right: 85px;
+ top: 0;
+}
+
+.about-style-4 .about-image-gallery .shape-group .shape-2 {
+ right: 31px;
+ left: inherit;
+ top: 32px;
+ z-index: -2;
+ bottom: inherit;
+}
+
+.about-style-4 .about-image-gallery .shape-group .shape-3 {
+ right: inherit;
+ left: -32px;
+ bottom: 32px;
+}
+
+.about-style-4 .about-image-gallery .shape-group .shape-4 {
+ right: 70px;
+ bottom: -25px;
+ z-index: -1;
+}
+
+.about-style-4 .about-image-gallery .shape-group .shape-4 span {
+ display: block;
+ height: 320px;
+ width: 320px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.about-style-5 {
+ position: relative;
+}
+
+.about-style-5 .section-title {
+ margin-bottom: 60px;
+}
+
+.about-style-5 .about-image-gallery {
+ padding: 0;
+}
+
+@media only screen and (max-width: 1199px) {
+ .about-style-5 .about-image-gallery .shape-group {
+ display: block;
+ }
+}
+
+.about-style-5 .about-image-gallery .shape-group li.shape-1 {
+ top: -40px;
+ right: -10px;
+ left: inherit;
+ bottom: inherit;
+ z-index: 1;
+}
+
+.about-style-5 .about-image-gallery .shape-group li.shape-2 {
+ right: auto;
+ left: -80px;
+ bottom: -78px;
+ -webkit-animation: rotateIt 10s linear infinite;
+ animation: rotateIt 10s linear infinite;
+}
+
+.about-style-5 .about-content .features-list {
+ padding-bottom: 18px;
+}
+
+.about-style-5 .about-content .features-list li:before {
+ color: var(--color-secondary);
+}
+
+.about-style-5 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.about-style-5 .shape-group li.shape-1 {
+ bottom: 80px;
+ right: 180px;
+}
+
+.about-style-6 {
+ position: relative;
+ padding: 90px 0 50px;
+ background-color: var(--color-white);
+ z-index: 2;
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-6 {
+ padding: 50px 0;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .about-style-6 {
+ padding: 20px 0 50px;
+ }
+}
+
+.about-style-6:after {
+ content: url(../images/about/shape-32.png);
+ position: absolute;
+ top: -110px;
+ left: 0;
+ right: 0;
+ z-index: 2;
+}
+
+.about-style-6 .about-content .section-title {
+ margin-bottom: 30px;
+}
+
+.about-style-6 .about-content .section-title p {
+ margin-top: 25px;
+}
+
+.about-style-6 .about-content .about-mission {
+ margin-bottom: 20px;
+}
+
+.about-style-6 .about-content .about-mission .title {
+ margin-bottom: 14px;
+}
+
+.about-style-6 .about-content .about-mission p {
+ margin-bottom: 25px;
+}
+
+.about-style-6 .about-content .about-mission .features-list li:before {
+ color: var(--color-secondary);
+}
+
+.about-style-6 .about-image-gallery {
+ padding: 0;
+}
+
+.about-style-6 .about-image-gallery .main-img-2 {
+ text-align: right;
+ margin-top: -240px;
+}
+
+@media only screen and (max-width: 575px) {
+ .about-style-6 .about-image-gallery .main-img-2 {
+ display: none;
+ }
+}
+
+.about-style-6 .about-image-gallery .shape-group .shape-1 {
+ top: 130px;
+ right: 35px;
+ left: auto;
+}
+
+.about-style-6 .about-image-gallery .shape-group .shape-2 {
+ bottom: 240px;
+ right: auto;
+ left: -15px;
+ z-index: 1;
+ -webkit-animation: rotateIt 10s linear infinite;
+ animation: rotateIt 10s linear infinite;
+}
+
+.about-style-6 .about-image-gallery .shape-group .shape-3 {
+ bottom: 110px;
+ left: 20px;
+}
+
+.about-style-7 {
+ position: relative;
+}
+
+.about-style-7 .about-image-gallery {
+ position: relative;
+ padding: 80px 0 0 70px;
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-7 .about-image-gallery {
+ padding: 0;
+ }
+}
+
+.about-style-7 .about-image-gallery .main-img-2 {
+ position: absolute;
+ right: 0;
+ top: 15px;
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-7 .about-image-gallery .main-img-2 {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-7 .about-image-gallery .shape-group {
+ display: none;
+ }
+}
+
+.about-style-7 .about-image-gallery .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.about-style-7 .about-image-gallery .shape-group li img {
+ position: initial;
+}
+
+.about-style-7 .about-image-gallery .shape-group li.shape-1 {
+ top: 0;
+ left: -55px;
+}
+
+.about-style-7 .about-image-gallery .shape-group li.shape-2 {
+ top: 0;
+ left: 0;
+ bottom: inherit;
+ right: inherit;
+}
+
+.about-style-7 .about-image-gallery .shape-group li.shape-3 {
+ bottom: -60px;
+ right: -10px;
+}
+
+.about-style-7 .about-image-gallery .shape-group li.shape-4 {
+ bottom: -80px;
+ left: 10px;
+ z-index: 1;
+}
+
+.about-style-7 .about-content {
+ padding-right: 80px;
+ padding-left: 0;
+}
+
+@media only screen and (max-width: 1199px) {
+ .about-style-7 .about-content {
+ padding-right: 30px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .about-style-7 .about-content {
+ padding-right: 0;
+ }
+}
+
+.about-style-7 .about-content .section-title p {
+ margin-bottom: 28px;
+ margin-top: 30px;
+}
+
+.about-style-7 > .shape-group > li {
+ position: absolute;
+ z-index: -1;
+ top: 75px;
+ left: 125px;
+ height: 100px;
+ width: 100px;
+ border: 16px solid #f8b81f;
+ border-radius: 50%;
+}
+
+@media only screen and (max-width: 1650px) {
+ .about-style-7 > .shape-group > li {
+ left: 20px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .about-style-7 > .shape-group > li {
+ left: -20px;
+ top: 45px;
+ }
+}
+
+.about-style-8 {
+ position: relative;
+}
+
+.about-style-8:before {
+ content: "";
+ height: 1030px;
+ width: 100%;
+ background: -webkit-linear-gradient(right, #f5f1eb 0%, rgba(245, 241, 235, 0.3) 100%);
+ background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, 0.3) 100%);
+ -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);
+ clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+}
+
+.about-style-8 .about-content {
+ padding-right: 40px;
+ padding-left: 0;
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-8 .about-content {
+ padding-right: 0;
+ }
+}
+
+.about-style-8 .about-content .section-title p {
+ margin-top: 30px;
+}
+
+.about-style-8 .about-content .about-mission {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-top: 45px;
+}
+
+@media only screen and (max-width: 575px) {
+ .about-style-8 .about-content .about-mission {
+ display: block;
+ }
+}
+
+.about-style-8 .about-content .about-mission .single-item {
+ padding-right: 50px;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+@media only screen and (max-width: 575px) {
+ .about-style-8 .about-content .about-mission .single-item {
+ padding-right: 0;
+ margin-bottom: 30px;
+ }
+}
+
+.about-style-8 .about-content .about-mission .single-item:last-child {
+ padding-right: 0;
+}
+
+.about-style-8 .about-content .about-mission .single-item .icon {
+ font-size: 50px;
+ line-height: 1;
+ margin-bottom: 25px;
+}
+
+.about-style-8 .about-content .about-mission .single-item .icon.color-extra02 {
+ color: var(--color-extra02);
+}
+
+.about-style-8 .about-content .about-mission .single-item .icon.color-extra06 {
+ color: var(--color-extra06);
+}
+
+.about-style-8 .about-content .about-mission .single-item .title {
+ margin-bottom: 10px;
+}
+
+.about-style-8 .about-image-gallery {
+ padding: 0;
+}
+
+.about-style-8 .about-image-gallery .thumbnail img {
+ width: 100%;
+}
+
+.about-style-8 .about-image-gallery .thumbnail-1 {
+ text-align: right;
+ margin-top: 40px;
+}
+
+.about-style-8 .about-image-gallery .thumbnail-1 img {
+ border-radius: 70px 10px 10px 10px;
+}
+
+.about-style-8 .about-image-gallery .thumbnail-2 img {
+ border-radius: 10px;
+}
+
+.about-style-8 .about-image-gallery .thumbnail-3 {
+ text-align: right;
+}
+
+.about-style-8 .about-image-gallery .thumbnail-3 img {
+ border-radius: 10px 10px 90px 10px;
+}
+
+.about-style-8 .about-image-gallery .thumbnail-4 img {
+ border-radius: 10px;
+}
+
+.about-style-8 .about-image-gallery .shape-group li img {
+ position: initial;
+}
+
+.about-style-8 .about-image-gallery .shape-group li.shape-1 {
+ top: 0;
+ left: -90px;
+}
+
+.about-style-8 .about-image-gallery .shape-group li.shape-2 {
+ top: -20px;
+ left: 25px;
+ bottom: inherit;
+ right: inherit;
+}
+
+.about-style-8 .about-image-gallery .shape-group li.shape-3 {
+ bottom: 20px;
+ right: -70px;
+}
+
+@media only screen and (max-width: 991px) {
+ .about-style-8 .about-image-gallery .shape-group li.shape-3 {
+ display: none;
+ }
+}
+
+.about-style-8 .about-image-gallery .shape-group li.shape-4 {
+ bottom: -75px;
+ right: -165px;
+}
+
+.about-style-8 .about-image-gallery .shape-group li.shape-4 span {
+ height: 400px;
+ width: 400px;
+ border: 1px solid #e8e6e3;
+ border-radius: 50%;
+ display: block;
+}
+
+.about-style-8:after {
+ content: "";
+ height: 600px;
+ width: 600px;
+ border: 1px solid #e8e6e3;
+ border-radius: 50%;
+ position: absolute;
+ top: -175px;
+ left: -70px;
+ z-index: -1;
+}
+
+@media only screen and (max-width: 1650px) {
+ .about-style-8:after {
+ left: -195px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .about-style-8:after {
+ left: -250px;
+ }
+}
+
+.about-style-9 .about-image-gallery {
+ padding: 15px 0 60px 0;
+ margin-bottom: 34px;
+}
+
+.about-style-9 .about-image-gallery .author-box {
+ position: absolute;
+ right: 38px;
+ bottom: -36px;
+}
+
+@media only screen and (max-width: 767px) {
+ .about-style-9 .about-image-gallery .author-box {
+ right: 0;
+ }
+}
+
+@media (max-width: 450px) {
+ .about-style-9 .about-image-gallery .author-box {
+ display: none;
+ }
+}
+
+.about-style-9 .about-image-gallery .shape-group li.shape-1 {
+ left: -126px;
+ top: -19px;
+}
+
+.about-style-9 .about-image-gallery .shape-group li.shape-2 {
+ left: -63px;
+ top: -47px;
+}
+
+.about-style-9 .about-image-gallery .shape-group li.shape-3 {
+ right: -5px;
+ bottom: 211px;
+ z-index: 1;
+}
+
+.about-style-9 .about-image-gallery .shape-group li.shape-3 span {
+ display: block;
+ height: 101px;
+ width: 101px;
+ border: 15px solid var(--color-tertiary);
+ border-radius: 50%;
+}
+
+.about-style-9 .about-content {
+ padding-left: 45px;
+}
+
+@media only screen and (max-width: 991px) {
+ .about-style-9 .about-content {
+ padding-left: 0;
+ padding-top: 50px;
+ }
+}
+
+@media (max-width: 450px) {
+ .about-style-9 .about-content {
+ padding-top: 0;
+ margin-top: -60px;
+ }
+}
+
+.about-style-9 .about-content .edu-btn {
+ margin-top: 25px;
+}
+
+.about-style-9 .about-content .features-list li {
+ font-weight: var(--p-bold);
+}
+
+.about-style-9 .shape-group li.shape-4 {
+ right: -150px;
+ bottom: -60px;
+}
+
+/*-------------------
+ Brand Styles
+---------------------*/
+.brand-section-heading {
+ padding-right: 60px;
+}
+
+@media only screen and (max-width: 575px) {
+ .brand-section-heading {
+ padding-right: 0;
+ }
+}
+
+.brand-grid-wrap {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ position: relative;
+}
+
+.brand-grid-wrap:after {
+ content: "";
+ height: 1px;
+ width: 100%;
+ background-color: #f0f0f0;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+.brand-grid-wrap .brand-grid {
+ padding: 18px 5px;
+ text-align: center;
+ border-right: 1px solid #f0f0f0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.brand-grid-wrap .brand-grid:first-child {
+ border-left: 1px solid #f0f0f0;
+}
+
+.brand-grid-wrap .brand-grid:nth-child(5n) {
+ border-left: 1px solid #f0f0f0;
+}
+
+.brand-grid-wrap .brand-grid:hover {
+ box-shadow: var(--shadow-darker);
+}
+
+.brand-grid-wrap.brand-style-2 {
+ grid-template-columns: repeat(6, 1fr);
+}
+
+@media only screen and (max-width: 991px) {
+ .brand-grid-wrap.brand-style-2 {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .brand-grid-wrap.brand-style-2 {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+.brand-grid-wrap.brand-style-2:after {
+ display: none;
+}
+
+.brand-grid-wrap.brand-style-2 .brand-grid {
+ padding: 10px 20px;
+}
+
+.brand-grid-wrap.brand-style-2 .brand-grid:first-child {
+ border-left: none;
+}
+
+@media only screen and (max-width: 479px) {
+ .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(2n) {
+ border-right: none;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(3n) {
+ border-right: none;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(3n) {
+ border-right: 1px solid #f0f0f0;
+ }
+}
+
+.brand-grid-wrap.brand-style-2 .brand-grid:nth-child(5n) {
+ border-left: none;
+}
+
+.brand-grid-wrap.brand-style-2 .brand-grid:last-child {
+ border-right: none;
+}
+
+.brand-grid-wrap.brand-style-2 .brand-grid:hover {
+ box-shadow: none;
+}
+
+.brand-grid-wrap.brand-style-3 {
+ grid-template-columns: repeat(5, 1fr);
+ gap: 10px;
+}
+
+@media only screen and (max-width: 991px) {
+ .brand-grid-wrap.brand-style-3 {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .brand-grid-wrap.brand-style-3 {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .brand-grid-wrap.brand-style-3 {
+ grid-template-columns: repeat(1, 1fr);
+ }
+}
+
+.brand-grid-wrap.brand-style-3:after {
+ display: none;
+}
+
+.brand-grid-wrap.brand-style-3 .brand-grid {
+ border: none;
+ background-color: var(--color-lighten04);
+ border-radius: 5px;
+ padding: 30px 0;
+ opacity: .4;
+}
+
+.brand-grid-wrap.brand-style-3 .brand-grid:hover {
+ box-shadow: none;
+ opacity: 1;
+}
+
+.brand-area-2 {
+ position: relative;
+ background: #F9F7F4;
+ padding: 75px 0;
+ overflow: hidden;
+}
+
+@media only screen and (max-width: 575px) {
+ .brand-area-2 {
+ padding: 50px 0;
+ }
+}
+
+.brand-area-2 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.brand-area-2 .shape-group li.shape-1 {
+ bottom: -170px;
+ left: -220px;
+}
+
+.brand-area-2 .shape-group li.shape-2 {
+ top: -22px;
+ right: -21px;
+ z-index: 1;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .brand-area-2 .shape-group li.shape-2 {
+ top: -60px;
+ right: -70px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .brand-area-2 .shape-group li.shape-2 {
+ display: none;
+ }
+}
+
+.brand-area-5 {
+ padding: 400px 0 120px;
+ background-position: bottom;
+ position: relative;
+}
+
+.brand-area-5::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-20.svg);
+}
+
+.brand-area-5::before svg {
+ background: #f7f5f2;
+ background: -webkit-linear-gradient(right, #f7f5f2 0%, rgba(247, 245, 242, 0.30196) 50%);
+ background: linear-gradient(-90deg, #f7f5f2 0%, rgba(247, 245, 242, 0.30196) 50%);
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .brand-area-5 {
+ padding: 380px 0 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .brand-area-5 {
+ padding: 260px 0 80px;
+ margin-top: 100px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .brand-area-5 {
+ background: none;
+ background-color: #FCFBFA;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .brand-area-5 {
+ padding: 80px 0 80px;
+ margin-top: 80px;
+ }
+}
+
+/*-------------------
+ Call To Action Styles
+---------------------*/
+.edu-cta-banner-area {
+ padding: 102px 0;
+ background-color: #f0f4f5;
+ position: relative;
+}
+
+.edu-cta-banner-area::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/cta/cta.svg);
+ -webkit-filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(451%) hue-rotate(121deg) brightness(96%) contrast(90%);
+ filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(451%) hue-rotate(121deg) brightness(96%) contrast(90%);
+ background-position: center bottom;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-cta-banner-area {
+ padding: 80px 0 70px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-cta-banner-area {
+ padding: 80px 0 70px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-cta-banner-area .shape-group {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-cta-banner-area .shape-group {
+ display: none;
+ }
+}
+
+.cta-banner-2 {
+ position: relative;
+ background-color: #f7f5f2;
+ z-index: 1;
+ overflow: hidden;
+}
+
+.cta-banner-2::before {
+ display: none;
+}
+
+.cta-banner-2 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.cta-banner-2 .shape-group li.shape-1 {
+ top: 30px;
+ left: 100px;
+}
+
+.cta-banner-2 .shape-group li.shape-2 {
+ bottom: -20px;
+ left: 17%;
+}
+
+.cta-banner-2 .shape-group li.shape-3 {
+ bottom: 60px;
+ right: 120px;
+}
+
+.cta-banner-2 .shape-group li.shape-4 {
+ top: 10px;
+ right: 18%;
+}
+
+.cta-banner-2 .shape-group li.shape-5 {
+ bottom: -55px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+.cta-banner-2 .shape-group li.shape-5 img {
+ opacity: 1;
+ -webkit-transform: scaleX(1);
+ -ms-transform: scaleX(1);
+ transform: scaleX(1);
+}
+
+.cta-banner-3 {
+ padding: 220px 0 130px;
+ position: relative;
+ z-index: 1;
+ background-color: transparent;
+}
+
+.cta-banner-3::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-4.svg);
+ -webkit-filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(983%) hue-rotate(324deg) brightness(104%) contrast(94%);
+ filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(983%) hue-rotate(324deg) brightness(104%) contrast(94%);
+ z-index: -1;
+}
+
+@media only screen and (max-width: 767px) {
+ .cta-banner-3 {
+ padding: 150px 0 80px;
+ }
+}
+
+.cta-banner-3 .edu-cta-banner .section-title .title {
+ margin-bottom: 40px;
+}
+
+.cta-banner-3 .edu-cta-banner .newsletter-form {
+ width: 82%;
+ margin: 0 auto;
+}
+
+@media only screen and (max-width: 767px) {
+ .cta-banner-3 .edu-cta-banner .newsletter-form {
+ width: 100%;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .cta-banner-3 .shape-group {
+ display: block;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .cta-banner-3 .shape-group {
+ display: none;
+ }
+}
+
+.cta-banner-3 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.cta-banner-3 .shape-group li.shape-1 {
+ bottom: -70px;
+ left: -290px;
+ z-index: 0;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
+ .cta-banner-3 .shape-group li.shape-1 {
+ left: -60px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
+ .cta-banner-3 .shape-group li.shape-1 img {
+ width: 60%;
+ }
+}
+
+.cta-banner-3 .shape-group li.shape-2 {
+ bottom: -105px;
+ right: -175px;
+ z-index: 0;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .cta-banner-3 .shape-group li.shape-2 {
+ right: -100px;
+ bottom: -25px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .cta-banner-3 .shape-group li.shape-2 {
+ right: -130px;
+ bottom: -25px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
+ .cta-banner-3 .shape-group li.shape-2 img {
+ width: 70%;
+ }
+}
+
+.cta-banner-3 .shape-group li.shape-3 {
+ top: -70px;
+ left: 119px;
+}
+
+.cta-banner-3 .shape-group li.shape-3 img {
+ opacity: .3;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
+ .cta-banner-3 .shape-group li.shape-3 img {
+ width: 70%;
+ }
+}
+
+.cta-banner-3 .shape-group li.shape-4 {
+ bottom: -115px;
+ right: 180px;
+}
+
+.cta-banner-3 .shape-group li.shape-4 img {
+ opacity: .3;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
+ .cta-banner-3 .shape-group li.shape-4 img {
+ width: 70%;
+ }
+}
+
+.health-coach-wrapper {
+ background-image: url(../images/bg/bg-image-33.webp);
+ width: 100%;
+ height: 100%;
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+
+.health-coach-wrapper.cta-banner-7::before {
+ display: none;
+}
+
+.health-coach-wrapper.cta-banner-7 .input-group {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+@media only screen and (max-width: 479px) {
+ .health-coach-wrapper.cta-banner-7 .input-group {
+ display: block;
+ }
+}
+
+.health-coach-wrapper.cta-banner-7 .input-group input {
+ width: 50%;
+ display: block;
+ -webkit-box-flex: 0;
+ -webkit-flex: none;
+ -ms-flex: none;
+ flex: none;
+ margin-right: 20px;
+ border-radius: 5px !important;
+}
+
+@media only screen and (max-width: 479px) {
+ .health-coach-wrapper.cta-banner-7 .input-group input {
+ width: 100%;
+ margin-bottom: 20px;
+ }
+}
+
+.health-coach-wrapper.cta-banner-7 .input-group button.btn-medium {
+ height: 60px;
+ line-height: 61px;
+ border-radius: 5px !important;
+}
+
+@media only screen and (max-width: 479px) {
+ .health-coach-wrapper.cta-banner-7 .input-group button.btn-medium {
+ width: 100%;
+ }
+}
+
+.edu-cta-banner {
+ position: relative;
+ z-index: 1;
+}
+
+.edu-cta-banner .section-title {
+ margin-bottom: 0;
+}
+
+.edu-cta-banner .section-title .title {
+ margin-bottom: 28px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-cta-banner .shape-group {
+ display: none;
+ }
+}
+
+.edu-cta-banner .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.edu-cta-banner .shape-group li.shape-1 {
+ bottom: 0;
+ left: -130px;
+}
+
+.edu-cta-banner .shape-group li.shape-2 {
+ top: -105px;
+ right: -160px;
+}
+
+.university-cta-wrapper {
+ background-color: #f7f5f2;
+}
+
+.university-cta-wrapper.edu-cta-banner-area::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(90%) sepia(23%) saturate(5531%) hue-rotate(343deg) brightness(101%) contrast(94%);
+ filter: brightness(0) saturate(100%) invert(90%) sepia(23%) saturate(5531%) hue-rotate(343deg) brightness(101%) contrast(94%);
+}
+
+.online-academy-cta-wrapper.edu-cta-banner-area {
+ background-image: url(../images/cta/h-4-cta-compressed.png);
+}
+
+.online-academy-cta-wrapper.edu-cta-banner-area::before {
+ background-image: url(../images/cta/h-4-cta.svg);
+ filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(10%) hue-rotate(90deg) brightness(105%) contrast(90%);
+ -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(10%) hue-rotate(90deg) brightness(105%) contrast(90%);
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.home-one-cta-wrapper,
+.university-cta-wrapper,
+.online-academy-cta-wrapper {
+ overflow: hidden;
+}
+
+.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-01,
+ .university-cta-wrapper .edu-cta-banner .shape-group li.shape-01,
+ .online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-01 {
+ top: 109px;
+ left: -68px;
+}
+
+.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-02,
+ .university-cta-wrapper .edu-cta-banner .shape-group li.shape-02,
+ .online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-02 {
+ bottom: 29px;
+ left: 11px;
+}
+
+.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-03,
+ .university-cta-wrapper .edu-cta-banner .shape-group li.shape-03,
+ .online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-03 {
+ top: -61px;
+ right: -168px;
+ z-index: 0;
+}
+
+.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-04,
+ .university-cta-wrapper .edu-cta-banner .shape-group li.shape-04,
+ .online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-04 {
+ top: -126px;
+ right: -118px;
+}
+
+.cta-area-2 {
+ position: relative;
+ z-index: 1;
+ margin-top: -70px;
+}
+
+.cta-area-2 .edu-cta-box::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(90%) contrast(90%);
+ filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(90%) contrast(90%);
+}
+
+.edu-cta-box {
+ background: var(--gradient-primary);
+ border-radius: 10px;
+ padding: 50px 50px;
+ position: relative;
+}
+
+.edu-cta-box::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/cta-bg-imgae-07.png);
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-cta-box {
+ padding: 40px 30px;
+ }
+}
+
+.edu-cta-box.home-one-cta .title a:hover, .edu-cta-box.home-four-cta .title a:hover {
+ color: rgba(255, 255, 255, 0.85);
+}
+
+.edu-cta-box.home-one-cta .shape-group li.shape-01, .edu-cta-box.home-four-cta .shape-group li.shape-01 {
+ top: -11px;
+ left: -118px;
+}
+
+.edu-cta-box.home-one-cta .shape-group li.shape-02, .edu-cta-box.home-four-cta .shape-group li.shape-02 {
+ top: -31px;
+ left: -63px;
+ z-index: -2;
+}
+
+.edu-cta-box.home-one-cta .shape-group li.shape-03, .edu-cta-box.home-four-cta .shape-group li.shape-03 {
+ bottom: -50px;
+ right: -45px;
+}
+
+.edu-cta-box .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+ z-index: 12;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-cta-box .inner {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ text-align: center;
+ }
+}
+
+.edu-cta-box .inner .content {
+ font-family: var(--font-secondary);
+}
+
+.edu-cta-box .inner .content .subtitle {
+ font-weight: var(--p-medium);
+ font-size: 18px;
+ color: #fff;
+}
+
+.edu-cta-box .inner .content .title {
+ font-size: 26px;
+ margin-bottom: 0;
+ color: #fff;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-cta-box .inner .content .title {
+ font-size: 20px;
+ }
+}
+
+.edu-cta-box .inner .sparator {
+ margin: 0 30px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-cta-box .inner .sparator {
+ margin: 15px 0;
+ }
+}
+
+.edu-cta-box .inner .sparator span {
+ display: block;
+ text-align: center;
+ height: 70px;
+ width: 70px;
+ line-height: 60px;
+ border: 4px solid rgba(26, 182, 157, 0.2);
+ border-radius: 50%;
+ font-size: 24px;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-primary);
+ background-color: #fff;
+}
+
+.edu-cta-box .shape-group li {
+ position: absolute;
+ z-index: -1;
+ margin: 0;
+}
+
+.edu-cta-box .shape-group li.shape-1 {
+ top: -31px;
+ left: -118px;
+}
+
+.edu-cta-box .shape-group li.shape-2 {
+ bottom: -50px;
+ right: -45px;
+}
+
+.edu-cta-box.cta-style-3 {
+ background: var(--color-secondary);
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-cta-box.cta-style-3 {
+ padding: 40px 30px;
+ }
+}
+
+.edu-cta-box.cta-style-3 .inner .content .subtitle {
+ color: var(--color-white);
+}
+
+.edu-cta-box.cta-style-3 .inner .content .title {
+ color: var(--color-white);
+ font-weight: var(--p-semi-bold);
+}
+
+.edu-cta-box.cta-style-3 .inner .sparator span {
+ border: 4px solid rgba(238, 74, 98, 0.7);
+ color: var(--color-secondary);
+}
+
+.edu-cta-box.cta-style-2 {
+ background: var(--color-tertiary);
+}
+
+.edu-cta-box.cta-style-2 .inner .content .subtitle {
+ color: var(--color-heading);
+}
+
+.edu-cta-box.cta-style-2 .inner .content .title a {
+ color: var(--color-heading);
+}
+
+.edu-cta-box.cta-style-2 .inner .content .title a:hover {
+ color: rgba(24, 24, 24, 0.75);
+}
+
+.edu-cta-box.cta-style-2 .inner .sparator span {
+ color: #000;
+ border-color: rgba(20, 20, 23, 0.1);
+}
+
+@media only screen and (max-width: 575px) {
+ .newsletter-form .input-group {
+ display: block;
+ text-align: left;
+ }
+}
+
+.newsletter-form .input-group .form-control {
+ height: 60px;
+ border-radius: 5px !important;
+ background-color: var(--color-white);
+ border: none;
+ color: var(--color-heading);
+ padding: 0 40px;
+ /* -- Placeholder -- */
+}
+
+@media only screen and (max-width: 767px) {
+ .newsletter-form .input-group .form-control {
+ height: 50px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .newsletter-form .input-group .form-control {
+ width: 100%;
+ }
+}
+
+.newsletter-form .input-group .form-control::-webkit-input-placeholder {
+ color: var(--color-heading);
+ /* Firefox */
+ opacity: 1;
+}
+
+.newsletter-form .input-group .form-control::-moz-placeholder {
+ color: var(--color-heading);
+ /* Firefox */
+ opacity: 1;
+}
+
+.newsletter-form .input-group .form-control:-ms-input-placeholder {
+ color: var(--color-heading);
+ /* Firefox */
+ opacity: 1;
+}
+
+.newsletter-form .input-group .form-control::-ms-input-placeholder {
+ color: var(--color-heading);
+ /* Firefox */
+ opacity: 1;
+}
+
+.newsletter-form .input-group .form-control::placeholder {
+ color: var(--color-heading);
+ /* Firefox */
+ opacity: 1;
+}
+
+.newsletter-form .input-group .form-control:-ms-input-placeholder {
+ /* Internet Explorer 10-11 */
+ color: var(--color-heading);
+ opacity: 1;
+}
+
+.newsletter-form .input-group .form-control::-ms-input-placeholder {
+ /* Microsoft Edge */
+ color: var(--color-heading);
+ opacity: 1;
+}
+
+.newsletter-form .input-group .form-control:focus {
+ box-shadow: none;
+}
+
+.newsletter-form .input-group button {
+ border-radius: 30px 5px !important;
+ margin-left: 20px !important;
+ padding: 0 40px;
+}
+
+@media only screen and (max-width: 575px) {
+ .newsletter-form .input-group button {
+ margin: 20px 0 0 !important;
+ }
+}
+
+.newsletter-form .input-group button:hover {
+ border-radius: 5px 30px !important;
+}
+
+/*-------------------
+ Campus Styles
+---------------------*/
+.campus-thumbnail .thumbnail img {
+ border-radius: 5px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .campus-thumbnail .thumbnail img {
+ width: 100%;
+ }
+}
+
+.campus-content {
+ box-shadow: var(--shadow-darker);
+ border-radius: 0 5px 5px 5px;
+ padding: 60px 50px 60px 70px;
+ background-color: var(--color-white);
+ margin-left: -120px;
+ margin-top: 90px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .campus-content {
+ margin-left: 0;
+ margin-top: 20px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .campus-content {
+ box-shadow: none;
+ padding: 0;
+ }
+}
+
+.campus-content .features-box {
+ background-color: transparent;
+ box-shadow: none;
+ padding: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ text-align: left;
+ margin-bottom: 24px;
+}
+
+.campus-content .features-box:last-child {
+ margin-bottom: 0;
+}
+
+.campus-content .features-box .icon {
+ font-size: 48px;
+ margin-right: 20px;
+ margin-bottom: 0;
+}
+
+.campus-content .features-box .icon .fitness-icon {
+ font-size: 32px;
+}
+
+.campus-content .features-box .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.campus-content .features-box .content .title {
+ margin-bottom: 12px;
+}
+
+.campus-content .features-box .content p {
+ color: var(--color-body);
+}
+
+.edu-campus-area {
+ position: relative;
+}
+
+.edu-campus-area .campus-image-gallery {
+ position: relative;
+}
+
+.edu-campus-area .campus-image-gallery .shape-1 {
+ z-index: -1;
+ bottom: -220px;
+ left: -235px;
+}
+
+.edu-campus-area .campus-image-gallery .shape-1 span {
+ display: block;
+ height: 470px;
+ width: 470px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.edu-campus-area .campus-image-gallery .shape-2 {
+ bottom: -84px;
+ left: -144px;
+}
+
+.edu-campus-area .campus-image-gallery .shape-3 {
+ bottom: -118px;
+ left: -85px;
+}
+
+.edu-campus-area .campus-content {
+ position: relative;
+}
+
+.edu-campus-area .campus-content .shape-4 {
+ z-index: -1;
+ top: -140px;
+ right: -158px;
+}
+
+.edu-campus-area .campus-content .shape-4 span {
+ display: block;
+ height: 320px;
+ width: 320px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.edu-campus-area .campus-content .shape-5 {
+ top: -33px;
+ right: -64px;
+}
+
+.edu-campus-area .campus-content .shape-5 span {
+ display: block;
+ height: 150px;
+ width: 150px;
+ border-radius: 100%;
+ background: #F3F8FA;
+}
+
+.edu-campus-area .campus-content .shape-6 {
+ top: -80px;
+ right: -28px;
+ z-index: 0;
+}
+
+/*-------------------
+ Categorie Styles
+---------------------*/
+.categorie-area-3 {
+ position: relative;
+}
+
+.categorie-area-3::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-4.jpg);
+ background-size: cover;
+ z-index: -1;
+}
+
+.categorie-grid {
+ padding: 50px 30px;
+ text-align: center;
+ border-radius: 5px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.categorie-grid .icon {
+ height: 80px;
+ width: 80px;
+ border-radius: 50%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 48px;
+ margin: 0 auto 28px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.categorie-grid .content .title {
+ margin-bottom: 15px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.categorie-grid .content p {
+ color: var(--color-heading);
+ margin-bottom: 25px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.categorie-grid .content .course-remain {
+ font-weight: 500;
+ display: inline-block;
+ padding: 2px 18px;
+ border-radius: 5px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.categorie-grid:hover .content .title {
+ color: var(--color-white);
+}
+
+.categorie-grid:hover .content p {
+ color: var(--color-white);
+}
+
+.categorie-grid:hover .icon svg path {
+ stroke: var(--color-white);
+}
+
+.categorie-grid.color-primary-style {
+ background-color: rgba(26, 182, 157, 0.07);
+}
+
+.categorie-grid.color-primary-style .icon,
+ .categorie-grid.color-primary-style .course-remain {
+ background-color: rgba(26, 182, 157, 0.1);
+ color: var(--color-primary);
+}
+
+.categorie-grid.color-primary-style:hover {
+ background-color: #1ab69d;
+}
+
+.categorie-grid.color-primary-style:hover .icon,
+ .categorie-grid.color-primary-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-secondary-style {
+ background-color: rgba(238, 74, 98, 0.07);
+}
+
+.categorie-grid.color-secondary-style .icon,
+ .categorie-grid.color-secondary-style .course-remain {
+ background-color: rgba(238, 74, 98, 0.1);
+ color: var(--color-secondary);
+}
+
+.categorie-grid.color-secondary-style:hover {
+ background-color: #ee4a62;
+}
+
+.categorie-grid.color-secondary-style:hover .icon,
+ .categorie-grid.color-secondary-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-tertiary-style {
+ background-color: rgba(248, 184, 31, 0.07);
+}
+
+.categorie-grid.color-tertiary-style .icon,
+ .categorie-grid.color-tertiary-style .course-remain {
+ background-color: rgba(248, 184, 31, 0.1);
+ color: var(--color-tertiary);
+}
+
+.categorie-grid.color-tertiary-style:hover {
+ background-color: #f8b81f;
+}
+
+.categorie-grid.color-tertiary-style:hover .icon,
+ .categorie-grid.color-tertiary-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-extra01-style {
+ background-color: rgba(14, 205, 115, 0.07);
+}
+
+.categorie-grid.color-extra01-style .icon,
+ .categorie-grid.color-extra01-style .course-remain {
+ background-color: rgba(14, 205, 115, 0.1);
+ color: var(--color-extra01);
+}
+
+.categorie-grid.color-extra01-style:hover {
+ background-color: #0ecd73;
+}
+
+.categorie-grid.color-extra01-style:hover .icon,
+ .categorie-grid.color-extra01-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-extra02-style {
+ background-color: rgba(142, 86, 255, 0.07);
+}
+
+.categorie-grid.color-extra02-style .icon,
+ .categorie-grid.color-extra02-style .course-remain {
+ background-color: rgba(142, 86, 255, 0.1);
+ color: var(--color-extra02);
+}
+
+.categorie-grid.color-extra02-style svg path {
+ fill: var(--color-extra02) !important;
+}
+
+.categorie-grid.color-extra02-style:hover {
+ background-color: #8e56ff;
+}
+
+.categorie-grid.color-extra02-style:hover .icon,
+ .categorie-grid.color-extra02-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-extra02-style:hover svg path {
+ fill: var(--color-white) !important;
+}
+
+.categorie-grid.color-extra03-style {
+ background-color: rgba(249, 37, 150, 0.07);
+}
+
+.categorie-grid.color-extra03-style .icon,
+ .categorie-grid.color-extra03-style .course-remain {
+ background-color: rgba(249, 37, 150, 0.1);
+ color: var(--color-extra03);
+}
+
+.categorie-grid.color-extra03-style:hover {
+ background-color: #f92596;
+}
+
+.categorie-grid.color-extra03-style:hover .icon,
+ .categorie-grid.color-extra03-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-extra04-style {
+ background-color: rgba(88, 102, 235, 0.07);
+}
+
+.categorie-grid.color-extra04-style .icon,
+ .categorie-grid.color-extra04-style .course-remain {
+ background-color: rgba(88, 102, 235, 0.1);
+ color: var(--color-extra04);
+}
+
+.categorie-grid.color-extra04-style:hover {
+ background-color: #5866eb;
+}
+
+.categorie-grid.color-extra04-style:hover .icon,
+ .categorie-grid.color-extra04-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-extra05-style {
+ background-color: rgba(248, 148, 31, 0.07);
+}
+
+.categorie-grid.color-extra05-style .icon,
+ .categorie-grid.color-extra05-style .course-remain {
+ background-color: rgba(248, 148, 31, 0.1);
+ color: var(--color-extra05);
+}
+
+.categorie-grid.color-extra05-style:hover {
+ background-color: #f8941f;
+}
+
+.categorie-grid.color-extra05-style:hover .icon,
+ .categorie-grid.color-extra05-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-extra06-style {
+ background-color: rgba(57, 192, 250, 0.07);
+}
+
+.categorie-grid.color-extra06-style .icon,
+ .categorie-grid.color-extra06-style .course-remain {
+ background-color: rgba(57, 192, 250, 0.1);
+ color: var(--color-extra06);
+}
+
+.categorie-grid.color-extra06-style svg path {
+ fill: var(--color-extra06) !important;
+}
+
+.categorie-grid.color-extra06-style:hover {
+ background-color: #39c0fa;
+}
+
+.categorie-grid.color-extra06-style:hover .icon,
+ .categorie-grid.color-extra06-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-extra06-style:hover svg path {
+ fill: var(--color-white) !important;
+}
+
+.categorie-grid.color-extra07-style {
+ background-color: rgba(218, 4, 248, 0.07);
+}
+
+.categorie-grid.color-extra07-style .icon,
+ .categorie-grid.color-extra07-style .course-remain {
+ background-color: rgba(218, 4, 248, 0.1);
+ color: var(--color-extra07);
+}
+
+.categorie-grid.color-extra07-style:hover {
+ background-color: #da04f8;
+}
+
+.categorie-grid.color-extra07-style:hover .icon,
+ .categorie-grid.color-extra07-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.color-extra08-style {
+ background-color: rgba(70, 100, 228, 0.07);
+}
+
+.categorie-grid.color-extra08-style .icon,
+ .categorie-grid.color-extra08-style .course-remain {
+ background-color: rgba(70, 100, 228, 0.1);
+ color: var(--color-extra08);
+}
+
+.categorie-grid.color-extra08-style:hover {
+ background-color: #4664e4;
+}
+
+.categorie-grid.color-extra08-style:hover .icon,
+ .categorie-grid.color-extra08-style:hover .course-remain {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: var(--color-white);
+}
+
+.categorie-grid.categorie-style-2 {
+ padding: 16px 30px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ text-align: left;
+ min-height: 80px;
+}
+
+.categorie-grid.categorie-style-2 .icon {
+ background-color: transparent;
+ margin-bottom: 0;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ height: auto;
+ width: auto;
+ min-width: 84px;
+}
+
+.categorie-grid.categorie-style-2 .icon .art-design {
+ font-size: 45px;
+}
+
+.categorie-grid.categorie-style-2 .icon .personal-development {
+ font-size: 44px;
+}
+
+.categorie-grid.categorie-style-2 .icon .health-fitness {
+ font-size: 46px;
+}
+
+.categorie-grid.categorie-style-2 .icon .data-science {
+ font-size: 41px;
+}
+
+.categorie-grid.categorie-style-2 .icon .computer-science {
+ font-size: 33px;
+}
+
+.categorie-grid.categorie-style-2 .icon .video-photography {
+ font-size: 37px;
+}
+
+.categorie-grid.categorie-style-2 .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.categorie-grid.categorie-style-2 .content .title {
+ margin-bottom: 0;
+ font-size: 15px;
+ font-weight: var(--p-semi-bold);
+}
+
+.categorie-grid.categorie-style-2:hover .icon {
+ background-color: transparent;
+}
+
+.categorie-grid.categorie-style-3 {
+ background-color: var(--color-white);
+ padding: 40px 20px 35px;
+ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
+}
+
+.categorie-grid.categorie-style-3 .icon {
+ font-size: 40px;
+}
+
+.categorie-grid.categorie-style-3 .icon.laptop-icon {
+ font-size: 34px;
+}
+
+.categorie-grid.categorie-style-3 .icon.design-pencil-icon {
+ font-size: 34px;
+}
+
+.categorie-grid.categorie-style-3 .content .title {
+ font-size: 18px;
+ color: var(--color-heading);
+}
+
+.categorie-grid.categorie-style-3.color-primary-style .content .title:hover {
+ color: var(--color-primary);
+}
+
+.categorie-grid.categorie-style-3.color-secondary-style .content .title:hover {
+ color: var(--color-secondary);
+}
+
+.categorie-grid.categorie-style-3.color-extra01-style .content .title:hover {
+ color: var(--color-extra01);
+}
+
+.categorie-grid.categorie-style-3.color-extra02-style .content .title:hover {
+ color: var(--color-extra02);
+}
+
+.categorie-grid.categorie-style-3.color-extra03-style .content .title:hover {
+ color: var(--color-extra03);
+}
+
+.categorie-grid.categorie-style-3.color-extra04-style .content .title:hover {
+ color: var(--color-extra04);
+}
+
+.categorie-grid.categorie-style-3.color-extra05-style .content .title:hover {
+ color: var(--color-extra05);
+}
+
+.categorie-grid.categorie-style-3.color-extra06-style .content .title:hover {
+ color: var(--color-extra06);
+}
+
+.categorie-grid.categorie-style-3.color-extra07-style .content .title:hover {
+ color: var(--color-extra07);
+}
+
+.categorie-grid.categorie-style-3.color-tertiary-style .content .title:hover {
+ color: var(--color-tertiary);
+}
+
+.categorie-grid.categorie-style-3:hover {
+ background-color: var(--color-white);
+ box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.1);
+}
+
+.categorie-grid.categorie-style-3:hover.color-primary-style .icon {
+ background-color: var(--color-primary);
+}
+
+.categorie-grid.categorie-style-3:hover.color-secondary-style .icon {
+ background-color: var(--color-secondary);
+}
+
+.categorie-grid.categorie-style-3:hover.color-extra01-style .icon {
+ background-color: var(--color-extra01);
+}
+
+.categorie-grid.categorie-style-3:hover.color-extra02-style .icon {
+ background-color: var(--color-extra02);
+}
+
+.categorie-grid.categorie-style-3:hover.color-extra03-style .icon {
+ background-color: var(--color-extra03);
+}
+
+.categorie-grid.categorie-style-3:hover.color-extra04-style .icon {
+ background-color: var(--color-extra04);
+}
+
+.categorie-grid.categorie-style-3:hover.color-extra05-style .icon {
+ background-color: var(--color-extra05);
+}
+
+.categorie-grid.categorie-style-3:hover.color-extra06-style .icon {
+ background-color: var(--color-extra06);
+}
+
+.categorie-grid.categorie-style-3:hover.color-extra07-style .icon {
+ background-color: var(--color-extra07);
+}
+
+.categorie-grid.categorie-style-3:hover.color-tertiary-style .icon {
+ background-color: var(--color-tertiary);
+}
+
+/*-------------------
+ Contact Styles
+---------------------*/
+.contact-me .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (max-width: 767px) {
+ .contact-me .inner {
+ display: block;
+ text-align: center;
+ }
+}
+
+.contact-me .thumbnail {
+ margin-right: 130px;
+ position: relative;
+ z-index: 1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .contact-me .thumbnail {
+ margin-right: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .contact-me .thumbnail {
+ margin-bottom: 40px;
+ margin-right: 0;
+ }
+}
+
+.contact-me .thumbnail .thumb {
+ box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);
+ border-radius: 50%;
+}
+
+@media only screen and (max-width: 767px) {
+ .contact-me .thumbnail .thumb {
+ display: inline-block;
+ }
+}
+
+.contact-me .thumbnail .thumb img {
+ border-radius: 50%;
+}
+
+@media only screen and (max-width: 767px) {
+ .contact-me .thumbnail .shape-group {
+ display: none;
+ }
+}
+
+.contact-me .thumbnail .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.contact-me .thumbnail .shape-group li.shape-1 {
+ top: -45px;
+ right: 30px;
+}
+
+.contact-me .thumbnail .shape-group li.shape-2 {
+ top: -20px;
+ right: -30px;
+ z-index: 1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .contact-me .thumbnail .shape-group li.shape-2 {
+ display: none;
+ }
+}
+
+.contact-me .thumbnail .shape-group li.shape-3 {
+ bottom: -15px;
+ left: -40px;
+}
+
+.contact-me .contact-us-info {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.contact-us-info .heading-title {
+ margin-bottom: 26px;
+}
+
+.contact-us-info .address-list li .title {
+ margin-bottom: 5px;
+}
+
+.contact-us-info .address-list li p {
+ margin-bottom: 20px;
+}
+
+.contact-us-info .social-share {
+ padding-top: 12px;
+}
+
+@media only screen and (max-width: 767px) {
+ .contact-me-area .contact-us-info .social-share {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+.contact-form-area {
+ background-color: var(--color-lighten01);
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+}
+
+@media only screen and (max-width: 991px) {
+ .contact-form-area .shape-group {
+ display: none;
+ }
+}
+
+.contact-form-area .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.contact-form-area .shape-group li.shape-1 {
+ top: 32%;
+ left: 13%;
+}
+
+.contact-form-area .shape-group li.shape-2 {
+ top: 32%;
+ left: 9%;
+}
+
+.contact-form-area .shape-group li.shape-3 {
+ top: -200px;
+ right: -110px;
+}
+
+.contact-form-area .shape-group li.shape-3 span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.contact-form-area .shape-group li.shape-4 {
+ top: 150px;
+ right: 135px;
+}
+
+.contact-form.form-style-2 {
+ padding: 70px;
+ box-shadow: var(--shadow-darker);
+ background-color: var(--color-white);
+ border-radius: 5px;
+ margin-bottom: -80px;
+ position: relative;
+}
+
+@media only screen and (max-width: 479px) {
+ .contact-form.form-style-2 {
+ padding: 40px;
+ }
+}
+
+.contact-form.form-style-2 .section-title {
+ margin-bottom: 5px;
+}
+
+.contact-form.form-style-2 .section-title p {
+ margin-top: 10px;
+ margin-bottom: 0;
+}
+
+.contact-form.form-style-2 .form-group {
+ margin-bottom: 0;
+}
+
+.contact-form.form-style-2 .form-group input, .contact-form.form-style-2 .form-group textarea {
+ border-bottom: 1px solid var(--color-border);
+ border-radius: 0;
+ padding: 20px 0 10px;
+}
+
+.contact-form.form-style-2 .form-group .edu-btn {
+ margin-top: 40px;
+}
+
+@media only screen and (max-width: 991px) {
+ .contact-form.form-style-2 .shape-group {
+ display: none;
+ }
+}
+
+.contact-form.form-style-2 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.contact-form.form-style-2 .shape-group li.shape-1 {
+ top: -60px;
+ right: -90px;
+}
+
+.contact-form.form-style-2 .shape-group li.shape-2 {
+ top: -80px;
+ right: -10px;
+ z-index: 1;
+}
+
+.contact-form .error-msg p,
+.contact-form .success-msg p {
+ margin-top: 10px;
+ margin-bottom: 0;
+}
+
+.contact-us-area {
+ padding: 120px 0 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .contact-us-area {
+ padding: 100px 0 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .contact-us-area {
+ padding: 80px 0 0;
+ }
+}
+
+.google-map-area #gmap_canvas {
+ width: 100%;
+ height: 600px;
+ margin-bottom: -8px;
+}
+
+/*-------------------
+ Counterup Styles
+---------------------*/
+.edu-counterup {
+ border-radius: 10px;
+ text-align: center;
+ padding: 38px 30px;
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-counterup {
+ padding: 25px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-counterup .odometer.odometer-auto-theme .odometer-digit .odometer-value {
+ line-height: 1.2;
+ }
+}
+
+.edu-counterup .count-number {
+ margin-bottom: 5px;
+}
+
+.edu-counterup .count-number span,
+ .edu-counterup .count-number em {
+ font-family: var(--font-secondary);
+ font-weight: var(--p-extra-bold);
+}
+
+.edu-counterup .count-number.primary-color {
+ color: var(--color-primary);
+}
+
+.edu-counterup .count-number.secondary-color {
+ color: var(--color-secondary);
+}
+
+.edu-counterup .count-number.extra02-color {
+ color: var(--color-extra02);
+}
+
+.edu-counterup .count-number.extra05-color {
+ color: var(--color-extra05);
+}
+
+.edu-counterup .title {
+ margin-bottom: 0;
+ font-size: 13px;
+ text-transform: uppercase;
+ font-weight: var(--p-medium);
+}
+
+.edu-counterup.counterup-style-1 {
+ box-shadow: 0px 10px 30px 6px rgba(0, 0, 0, 0.07);
+}
+
+.edu-counterup.counterup-style-3 {
+ padding: 0;
+ border-radius: 0;
+ position: relative;
+}
+
+.edu-counterup.counterup-style-3:after {
+ content: "";
+ height: 100%;
+ width: 1px;
+ background-color: var(--color-border);
+ position: absolute;
+ top: 50%;
+ right: -15px;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-counterup.counterup-style-3:after {
+ display: none;
+ }
+}
+
+.edu-counterup.counterup-style-3.border-none:after {
+ display: none;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-counterup.counterup-style-3.border-none:after {
+ display: block;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-counterup.counterup-style-3.border-none:after {
+ display: block;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-counterup.counterup-style-3.border-none:after {
+ display: none;
+ }
+}
+
+.edu-counterup.counterup-style-4 {
+ box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.05);
+ border-radius: 4px;
+ background-color: var(--color-white);
+}
+
+.edu-counterup.counterup-style-4 .icon {
+ text-align: center;
+ height: 90px;
+ width: 90px;
+ line-height: 95px;
+ border-radius: 50%;
+ font-size: 50px;
+ margin: 0 auto 25px;
+}
+
+.edu-counterup.counterup-style-4 .icon.primary-color {
+ background-color: rgba(26, 182, 157, 0.1);
+ color: var(--color-primary);
+}
+
+.edu-counterup.counterup-style-4 .icon.secondary-color {
+ background-color: rgba(255, 91, 92, 0.1);
+ color: var(--color-secondary);
+}
+
+.edu-counterup.counterup-style-4 .icon.extra08-color {
+ background-color: rgba(70, 100, 228, 0.1);
+ color: var(--color-extra08);
+}
+
+.edu-counterup.counterup-style-4 .icon.extra05-color {
+ background-color: rgba(248, 150, 36, 0.1);
+ color: var(--color-extra05);
+}
+
+.edu-counterup.counterup-style-4 .count-number span {
+ font-weight: var(--p-bold);
+}
+
+.edu-counterup.counterup-style-5.primary-color {
+ background-color: rgba(26, 182, 157, 0.1);
+}
+
+.edu-counterup.counterup-style-5.primary-color .count-number {
+ color: var(--color-primary);
+}
+
+.edu-counterup.counterup-style-5.secondary-color {
+ background-color: rgba(255, 91, 92, 0.1);
+}
+
+.edu-counterup.counterup-style-5.secondary-color .count-number {
+ color: var(--color-secondary);
+}
+
+.edu-counterup.counterup-style-5.extra02-color {
+ background-color: rgba(142, 86, 255, 0.1);
+}
+
+.edu-counterup.counterup-style-5.extra02-color .count-number {
+ color: var(--color-extra02);
+}
+
+.edu-counterup.counterup-style-5.extra05-color {
+ background-color: rgba(248, 150, 36, 0.1);
+}
+
+.edu-counterup.counterup-style-5.extra05-color .count-number {
+ color: var(--color-extra05);
+}
+
+.edu-counterup.counterup-style-6 {
+ position: relative;
+ padding: 5px 0;
+}
+
+.edu-counterup.counterup-style-6:after {
+ content: "";
+ height: 100%;
+ width: 1px;
+ background-color: rgba(255, 255, 255, 0.2);
+ position: absolute;
+ top: 50%;
+ right: -15px;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+.edu-counterup.counterup-style-6.border-none:after {
+ display: none;
+}
+
+.edu-counterup.counterup-style-6 .icon {
+ font-size: 60px;
+ color: var(--color-white);
+ line-height: 1;
+ margin-bottom: 10px;
+}
+
+.edu-counterup.counterup-style-6 .count-number {
+ color: var(--color-white);
+}
+
+.edu-counterup.counterup-style-6 .title {
+ color: var(--color-white);
+}
+
+.counterup-area-2 {
+ position: relative;
+ z-index: 1;
+}
+
+.counterup-area-2:before {
+ content: "";
+ height: 53%;
+ width: 100%;
+ background-color: var(--color-lighten01);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+}
+
+.counterup-area-2 .counterup-box-wrap {
+ background-color: var(--color-white);
+ box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.08);
+ border-radius: 10px;
+ padding: 70px;
+ position: relative;
+}
+
+@media only screen and (max-width: 767px) {
+ .counterup-area-2 .counterup-box-wrap {
+ padding: 40px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .counterup-area-2 .counterup-box-wrap {
+ padding: 10px;
+ }
+}
+
+.counterup-area-2 .counterup-box-wrap .counterup-box {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ position: relative;
+}
+
+@media only screen and (max-width: 479px) {
+ .counterup-area-2 .counterup-box-wrap .counterup-box {
+ grid-template-columns: repeat(1, 1fr);
+ }
+}
+
+.counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup {
+ border-radius: 0;
+}
+
+.counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: 0.8px solid var(--color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: none;
+ }
+}
+
+.counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
+ border-right: 0.8px solid var(--color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
+ border-right: none;
+ }
+}
+
+.counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {
+ border-bottom: 0.8px solid var(--color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {
+ border-bottom: none;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .counterup-area-2 .counterup-box-wrap .shape-group {
+ display: none;
+ }
+}
+
+.counterup-area-2 .counterup-box-wrap .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.counterup-area-2 .counterup-box-wrap .shape-group li.shape-1 {
+ top: -80px;
+ left: -90px;
+}
+
+.counterup-area-2 .counterup-box-wrap .shape-group li.shape-2 {
+ top: -100px;
+ left: -15px;
+ z-index: 1;
+}
+
+.counterup-area-2 .counterup-box-wrap .shape-group li.shape-3 {
+ bottom: -60px;
+ right: -70px;
+}
+
+.counterup-area-2 .counterup-box-wrap .shape-group li.shape-4 {
+ bottom: -63px;
+ right: 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .counterup-area-3 :nth-child(2) .edu-counterup.counterup-style-3:after,
+ .counterup-area-3 :nth-child(4) .edu-counterup.counterup-style-3:after {
+ width: 0px;
+ }
+}
+
+.counterup-area-4 {
+ margin-top: -160px;
+ position: relative;
+}
+
+.counterup-area-6 {
+ background: var(--gradient-primary);
+ padding: 65px 0;
+}
+
+@media only screen and (max-width: 991px) {
+ .counterup-area-6 :nth-child(2) .counterup-style-6:after {
+ width: 0px;
+ }
+}
+
+.counterup-area-7 {
+ position: relative;
+ z-index: 1;
+ background-color: var(--color-lighten04);
+}
+
+.counterup-area-7 .counterup-content {
+ padding-right: 80px;
+ padding-top: 30px;
+}
+
+.counterup-area-7 .counterup-box-wrap {
+ background-color: var(--color-white);
+ box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.08);
+ border-radius: 10px;
+ padding: 70px;
+ position: relative;
+}
+
+@media only screen and (max-width: 767px) {
+ .counterup-area-7 .counterup-box-wrap {
+ padding: 40px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .counterup-area-7 .counterup-box-wrap {
+ padding: 10px;
+ }
+}
+
+.counterup-area-7 .counterup-box-wrap .counterup-box {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ position: relative;
+}
+
+@media only screen and (max-width: 479px) {
+ .counterup-area-7 .counterup-box-wrap .counterup-box {
+ grid-template-columns: repeat(1, 1fr);
+ }
+}
+
+.counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup {
+ border-radius: 0;
+}
+
+.counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: 0.8px solid var(--color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: none;
+ }
+}
+
+.counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
+ border-right: 0.8px solid var(--color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
+ border-right: none;
+ }
+}
+
+.counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 {
+ border-bottom: 0.8px solid var(--color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 {
+ border-bottom: none;
+ }
+}
+
+.counterup-area-7 .counterup-box-wrap .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+@media only screen and (max-width: 767px) {
+ .counterup-area-7 .counterup-box-wrap .shape-group li img {
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+
+.counterup-area-7 .counterup-box-wrap .shape-group li.shape-1 {
+ top: -80px;
+ left: -90px;
+}
+
+.counterup-area-7 .counterup-box-wrap .shape-group li.shape-2 {
+ top: -100px;
+ left: -15px;
+ z-index: 1;
+}
+
+.counterup-area-7 .counterup-box-wrap .shape-group li.shape-3 {
+ bottom: -60px;
+ right: -90px;
+}
+
+.counterup-area-7 .counterup-box-wrap .shape-group li.shape-4 {
+ bottom: -63px;
+ right: 30px;
+}
+
+.counterup-area-8 {
+ position: relative;
+}
+
+.counterup-area-8 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.counterup-area-8 .shape-group li img {
+ opacity: .9;
+}
+
+.counterup-area-8 .shape-group li.shape-1 {
+ bottom: -70px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+.counterup-area-9 .shape-group li.shape-1 {
+ bottom: -34px;
+ right: -54px;
+}
+
+.counterup-area-11 {
+ background: var(--gradient-primary);
+ padding: 65px 0;
+}
+
+.counterup-area-11 .counterup-style-6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+@media only screen and (max-width: 575px) {
+ .counterup-area-11 .counterup-style-6 {
+ display: block;
+ }
+}
+
+.counterup-area-11 .counterup-style-6:after {
+ display: none;
+}
+
+.counterup-area-11 .counterup-style-6 .icon {
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ background-color: rgba(255, 255, 255, 0.149);
+ line-height: 104px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .counterup-area-11 .counterup-style-6 .icon {
+ width: 80px;
+ height: 80px;
+ line-height: 82px;
+ font-size: 45px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .counterup-area-11 .counterup-style-6 .icon {
+ text-align: center;
+ display: inline-block;
+ }
+}
+
+.counterup-area-11 .counterup-style-6 .icon.icon-flower {
+ font-size: 47px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .counterup-area-11 .counterup-style-6 .icon.icon-flower {
+ font-size: 40px;
+ }
+}
+
+.counterup-area-11 .counterup-style-6 .counterup-wrapper {
+ margin-left: 20px;
+ margin-top: 15px;
+ text-align: left;
+}
+
+.counterup-area-11 .counterup-style-6 .counterup-wrapper .count-number {
+ text-align: left;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .counterup-area-11 .counterup-style-6 .counterup-wrapper .count-number {
+ font-size: 30px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .counterup-area-11 .counterup-style-6 .counterup-wrapper .count-number {
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .counterup-area-11 .counterup-style-6 .counterup-wrapper .title {
+ text-align: center;
+ }
+}
+
+/*-------------------
+ Course Styles
+---------------------*/
+.edu-course {
+ background-color: var(--color-white);
+ position: relative;
+ border-radius: 5px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course.course-style-1 {
+ -webkit-transition: var(--transition-2);
+ transition: var(--transition-2);
+}
+
+.edu-course.course-style-1 .thumbnail {
+ -webkit-transition: var(--transition-2);
+ transition: var(--transition-2);
+}
+
+.edu-course.course-style-1 .thumbnail img {
+ -webkit-transition: var(--transition-2);
+ transition: var(--transition-2);
+}
+
+.edu-course.course-style-1 .thumbnail:after {
+ -webkit-transition: var(--transition-2);
+ transition: var(--transition-2);
+}
+
+.edu-course.course-style-1 .course-hover-content-wrapper {
+ -webkit-transition: var(--transition-2);
+ transition: var(--transition-2);
+}
+
+.edu-course.course-style-1 .course-hover-content {
+ -webkit-transition: var(--transition-2);
+ transition: var(--transition-2);
+}
+
+.edu-course.course-style-1 .course-hover-content p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+}
+
+.edu-course .thumbnail {
+ position: relative;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course .thumbnail a {
+ display: block;
+ overflow: hidden;
+ border-radius: 5px 5px 0 0;
+}
+
+.edu-course .thumbnail a img {
+ border-radius: 5px 5px 0 0;
+ -webkit-transition: 0.4s;
+ transition: 0.4s;
+ width: 100%;
+}
+
+.edu-course .thumbnail a:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.2);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 5px 5px 0 0;
+}
+
+.edu-course .thumbnail .time-top {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+
+.edu-course .thumbnail .duration {
+ background-color: #f8b81f;
+ border-radius: 3px;
+ padding: 4px 8px;
+ font-weight: 500;
+ font-size: 13px;
+ color: var(--color-white);
+ font-family: var(--font-secondary);
+ display: block;
+}
+
+.edu-course .thumbnail .duration i {
+ font-size: 16px;
+ position: relative;
+ top: 2px;
+ margin-right: 6px;
+}
+
+.edu-course .content {
+ padding: 30px 20px 16px 30px;
+}
+
+.edu-course .content .course-level {
+ font-size: 13px;
+ font-weight: 500;
+ color: var(--color-primary);
+ font-family: var(--font-secondary);
+ background-color: rgba(26, 182, 157, 0.15);
+ border-radius: 3px;
+ padding: 1px 10px;
+ margin-bottom: 15px;
+ display: inline-block;
+}
+
+.edu-course .content .title {
+ margin-bottom: 8px;
+}
+
+.edu-course .content .title a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.edu-course .content .course-rating {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-bottom: 8px;
+}
+
+.edu-course .content .course-rating .rating {
+ color: #f8b81f;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course .content .course-rating .rating-count {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ margin-left: 10px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course .content .course-price {
+ font-size: 14px;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-secondary);
+ font-family: var(--font-secondary);
+ margin-bottom: 14px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course .content .course-price.price-round {
+ font-size: 22px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ height: 80px;
+ width: 80px;
+ line-height: 84px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ text-align: center;
+}
+
+.edu-course .content .course-meta li {
+ display: inline-block;
+ font-size: 13px;
+ color: var(--color-heading);
+ margin-right: 25px;
+ position: relative;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course .content .course-meta li:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #e5e5e5;
+ position: absolute;
+ top: 1px;
+ right: -15px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course .content .course-meta li:last-child {
+ margin-right: 0;
+}
+
+.edu-course .content .course-meta li:last-child:after {
+ display: none;
+}
+
+.edu-course .content .course-meta li i {
+ color: #a7a7a7;
+ font-size: 14px;
+ margin-right: 7px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course .course-hover-content-wrapper {
+ position: absolute;
+ content: '';
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ opacity: 0;
+ background-color: var(--color-primary);
+}
+
+.edu-course .course-hover-content-wrapper button.wishlist-btn {
+ background: rgba(255, 255, 255, 0.15);
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ display: none;
+}
+
+.edu-course .course-hover-content-wrapper button.wishlist-btn:hover {
+ background: var(--color-secondary);
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-course .course-hover-content-wrapper button.wishlist-btn {
+ display: block;
+ }
+}
+
+.edu-course .course-hover-content {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ bottom: 0;
+ left: 0;
+ right: 0;
+ border-radius: 4px;
+ padding: 50px 20px 45px 30px;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ display: inline-table;
+}
+
+.edu-course .course-hover-content .content {
+ padding: 0;
+}
+
+.edu-course .course-hover-content .content .wishlist-btn {
+ background: rgba(255, 255, 255, 0.15);
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+
+.edu-course .course-hover-content .content .wishlist-btn:hover {
+ background: var(--color-secondary);
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-course .course-hover-content .content .wishlist-btn {
+ display: none;
+ }
+}
+
+.edu-course .course-hover-content .content .course-level {
+ background-color: var(--color-white);
+ color: var(--color-heading);
+}
+
+.edu-course .course-hover-content .content .title {
+ color: var(--color-white);
+}
+
+.edu-course .course-hover-content .content .title a:hover {
+ color: var(--color-white);
+}
+
+.edu-course .course-hover-content .content .course-rating .rating-count {
+ color: var(--color-white);
+}
+
+.edu-course .course-hover-content .content .course-price {
+ color: var(--color-white);
+}
+
+.edu-course .course-hover-content .content p {
+ color: var(--color-white);
+ margin-bottom: 15px;
+}
+
+.edu-course .course-hover-content .content .course-meta {
+ margin-bottom: 16px;
+}
+
+.edu-course .course-hover-content .content .course-meta li {
+ color: var(--color-white);
+}
+
+.edu-course .course-hover-content .content .course-meta li:after {
+ background-color: rgba(255, 255, 255, 0.25);
+}
+
+.edu-course .course-hover-content .content .course-meta li i {
+ color: var(--color-white);
+}
+
+.edu-course .hover-content-aside {
+ width: 344px;
+ padding-left: 12px;
+ position: absolute;
+ top: 50%;
+ left: 100%;
+ -webkit-transform: translateY(-50%) translateX(-20px);
+ -ms-transform: translateY(-50%) translateX(-20px);
+ transform: translateY(-50%) translateX(-20px);
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ pointer-events: none;
+ z-index: 1;
+}
+
+.edu-course .hover-content-aside .content {
+ background-color: var(--color-white);
+ border-radius: 4px;
+ box-shadow: 0px 0px 50px 0px rgba(26, 46, 85, 0.2);
+ padding: 30px 30px 40px 30px;
+}
+
+.edu-course .hover-content-aside .content:before {
+ content: "";
+ border-top: 12px solid transparent;
+ border-right: 13px solid var(--color-white);
+ border-bottom: 12px solid transparent;
+ position: absolute;
+ top: 50%;
+ left: -13px;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+.edu-course .hover-content-aside .content .course-rating {
+ margin-bottom: 0;
+}
+
+.edu-course .hover-content-aside .content .course-meta {
+ margin-bottom: 5px;
+}
+
+.edu-course .hover-content-aside .content .course-meta li {
+ font-size: var(--font-size-b1);
+ color: var(--color-body);
+}
+
+.edu-course .hover-content-aside .content .course-meta li:after {
+ height: 5px;
+ width: 5px;
+ background-color: #d1d1d1;
+ border-radius: 50%;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ right: -17px;
+}
+
+.edu-course .hover-content-aside .content .course-feature {
+ margin-bottom: 25px;
+}
+
+.edu-course .hover-content-aside .content .course-feature ul li {
+ font-size: 13px;
+ position: relative;
+ padding-left: 28px;
+}
+
+.edu-course .hover-content-aside .content .course-feature ul li:before {
+ content: "\e913";
+ font-family: 'icomoon';
+ color: var(--color-heading);
+ margin-right: 15px;
+ position: absolute;
+ left: 0;
+ top: 2px;
+}
+
+.edu-course .hover-content-aside .content .button-group .edu-btn {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.edu-course .hover-content-aside.content-right {
+ left: auto;
+ right: 100%;
+ padding-left: 0;
+ padding-right: 12px;
+}
+
+.edu-course .hover-content-aside.content-right .content:before {
+ left: auto;
+ right: -12px;
+ -webkit-transform: scaleX(-1);
+ -ms-transform: scaleX(-1);
+ transform: scaleX(-1);
+}
+
+.edu-course:hover .course-hover-content-wrapper {
+ opacity: 1;
+}
+
+.edu-course:hover .thumbnail a img {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+.edu-course:hover .course-hover-content {
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-course:hover .hover-content-aside {
+ pointer-events: all;
+ visibility: visible;
+ opacity: 1;
+ -webkit-transform: translateY(-50%) translateX(0);
+ -ms-transform: translateY(-50%) translateX(0);
+ transform: translateY(-50%) translateX(0);
+}
+
+.edu-course.course-style-2 .course-hover-content .content p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+}
+
+.edu-course.course-style-3 {
+ background-color: transparent;
+ padding-bottom: 5px;
+ z-index: 1;
+}
+
+.edu-course.course-style-3:before {
+ content: "";
+ height: 10px;
+ width: 100%;
+ background-color: var(--color-white);
+ border-radius: 0 0 4px 4px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course.course-style-3 .thumbnail .time-top {
+ right: auto;
+ left: 10px;
+}
+
+.edu-course.course-style-3 .content {
+ padding: 30px 30px 30px;
+ background-color: var(--color-white);
+ border-radius: 0 0 4px 4px;
+ position: relative;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course.course-style-3 .content .course-level {
+ color: var(--color-secondary);
+ background-color: rgba(238, 74, 98, 0.15);
+ margin-bottom: 17px;
+}
+
+.edu-course.course-style-3 .content .title {
+ margin-bottom: 14px;
+}
+
+.edu-course.course-style-3 .content p {
+ margin-bottom: 20px;
+}
+
+.edu-course.course-style-3 .content .course-rating {
+ margin-bottom: 0;
+}
+
+.edu-course.course-style-3 .content .read-more-btn {
+ visibility: hidden;
+ opacity: 0;
+ margin-bottom: -50px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-course.course-style-3:hover:before {
+ background-color: rgba(255, 91, 92, 0.3);
+}
+
+.edu-course.course-style-3:hover .thumbnail {
+ margin-bottom: -75px;
+}
+
+.edu-course.course-style-3:hover .thumbnail a:after {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.edu-course.course-style-3:hover .content .read-more-btn {
+ margin-top: 24px;
+ margin-bottom: 0;
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-course.course-style-4 {
+ box-shadow: var(--shadow-darkest);
+ padding: 30px;
+}
+
+.edu-course.course-style-4 .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-course.course-style-4 .inner {
+ display: block;
+ }
+}
+
+.edu-course.course-style-4 .thumbnail {
+ margin-right: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-course.course-style-4 .thumbnail {
+ margin-right: 0;
+ margin-bottom: 20px;
+ }
+}
+
+.edu-course.course-style-4 .thumbnail a {
+ border-radius: 4px;
+}
+
+.edu-course.course-style-4 .thumbnail a img {
+ border-radius: 4px;
+}
+
+.edu-course.course-style-4 .thumbnail a:after {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.edu-course.course-style-4 .thumbnail .time-top {
+ left: 10px;
+ right: auto;
+}
+
+.edu-course.course-style-4 .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 0;
+}
+
+.edu-course.course-style-4 .content .course-price {
+ font-weight: var(--p-bold);
+ font-size: 16px;
+ margin-bottom: 10px;
+}
+
+.edu-course.course-style-4 .content .course-rating {
+ margin-bottom: 14px;
+}
+
+.edu-course.course-style-4:hover {
+ background-color: var(--color-primary);
+}
+
+.edu-course.course-style-4:hover .content .title a {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-4:hover .content .course-price {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-4:hover .content .course-rating .rating-count {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-4:hover .content .course-meta li {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-4:hover .content .course-meta li i {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-4:hover .content .course-meta li:after {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.edu-course.course-style-5 {
+ background-color: var(--color-lighten04);
+ border-radius: 4px;
+}
+
+.edu-course.course-style-5 .thumbnail a:after {
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.edu-course.course-style-5 .content {
+ position: relative;
+}
+
+.edu-course.course-style-5 .content .price-round {
+ position: absolute;
+ top: -40px;
+ right: 30px;
+}
+
+.edu-course.course-style-5 .content .course-level {
+ background-color: transparent;
+ color: var(--color-secondary);
+ font-size: 15px;
+ padding: 0;
+}
+
+.edu-course.course-style-5 .content .title a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.edu-course.course-style-5 .content p {
+ margin-bottom: 12px;
+}
+
+.edu-course.course-style-6 {
+ background-color: transparent;
+}
+
+.edu-course.course-style-6 .thumbnail {
+ margin-bottom: 15px;
+}
+
+.edu-course.course-style-6 .thumbnail a:after {
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.edu-course.course-style-6 .thumbnail .price-round {
+ font-size: 22px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ height: 80px;
+ width: 80px;
+ line-height: 84px;
+ background-color: var(--color-primary);
+ font-family: var(--font-secondary);
+ border-radius: 50%;
+ text-align: center;
+ position: absolute;
+ top: 20px;
+ right: 20px;
+}
+
+.edu-course.course-style-6 .content {
+ background-color: var(--color-white);
+ padding: 35px 40px 30px;
+ border-radius: 0 0 4px 4px;
+}
+
+.edu-course.course-style-6 .content .course-level {
+ background-color: transparent;
+ padding: 0;
+ color: var(--color-secondary);
+ font-size: 15px;
+}
+
+.edu-course.course-style-6 .content .title {
+ margin-bottom: 15px;
+}
+
+.edu-course.course-style-7 {
+ border-radius: 10px;
+ box-shadow: var(--shadow-darkest);
+ background-color: transparent;
+}
+
+.edu-course.course-style-7 .thumbnail {
+ margin-bottom: -23px;
+}
+
+.edu-course.course-style-7 .thumbnail a {
+ border-radius: 10px 10px 0 0;
+}
+
+.edu-course.course-style-7 .thumbnail a img {
+ border-radius: 10px 10px 0 0;
+}
+
+.edu-course.course-style-7 .thumbnail a:after {
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.edu-course.course-style-7 .thumbnail .course-price {
+ font-family: var(--font-secondary);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ position: absolute;
+ bottom: -40px;
+ right: 30px;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-course.course-style-7 .thumbnail .course-price {
+ bottom: -18px;
+ }
+}
+
+.edu-course.course-style-7 .thumbnail .course-price.price-round {
+ font-size: 22px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ height: 80px;
+ width: 80px;
+ line-height: 84px;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ text-align: center;
+}
+
+.edu-course.course-style-7 .content {
+ position: relative;
+ -webkit-mask-image: url(../images/others/mask-06.png);
+ mask-image: url(../images/others/mask-06.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ padding: 50px 20px 10px 30px;
+ border-radius: 0 0 10px 10px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-course.course-style-7 .content {
+ -webkit-mask-image: none;
+ mask-image: none;
+ }
+}
+
+.edu-course.course-style-7 .content .course-level {
+ background-color: transparent;
+ padding: 0;
+ font-size: 15px;
+ color: var(--color-white);
+}
+
+.edu-course.course-style-7 .content .title {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-7 .content .title a:hover {
+ color: rgba(255, 255, 255, 0.8);
+}
+
+.edu-course.course-style-7 .content .course-meta {
+ margin-bottom: 10px;
+}
+
+.edu-course.course-style-7 .content .course-meta li {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-7 .content .course-meta li i {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-7 .content p {
+ color: var(--color-white);
+}
+
+.edu-course.course-style-7.bg-color-extra02 .thumbnail .price-round {
+ color: var(--color-extra02);
+}
+
+.edu-course.course-style-7.bg-color-extra02 .content {
+ background-color: var(--color-extra02);
+}
+
+.edu-course.course-style-7.bg-color-secondary .thumbnail .price-round {
+ color: var(--color-textSecondary);
+}
+
+.edu-course.course-style-7.bg-color-secondary .content {
+ background-color: var(--color-textSecondary);
+}
+
+.edu-course.course-style-7.bg-color-primary .thumbnail .price-round {
+ color: var(--color-primary);
+}
+
+.edu-course.course-style-7.bg-color-primary .content {
+ background-color: var(--color-primary);
+}
+
+.edu-course.course-style-8 {
+ box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
+ margin-bottom: 50px;
+}
+
+.edu-course.course-style-8:last-child {
+ margin-bottom: 0;
+}
+
+.edu-course.course-style-8 .content .course-rating {
+ margin-bottom: 10px;
+}
+
+.edu-course.course-style-8 .content p {
+ margin-bottom: 12px;
+}
+
+.edu-course.course-style-8 .content .course-meta {
+ margin: -10px 0;
+}
+
+.edu-course.course-style-8 .hover-content-aside {
+ top: 100%;
+ left: 50%;
+ -webkit-transform: translateY(0) translateX(-50%);
+ -ms-transform: translateY(0) translateX(-50%);
+ transform: translateY(0) translateX(-50%);
+ padding-top: 12px;
+ z-index: 2;
+}
+
+.edu-course.course-style-8 .hover-content-aside .content {
+ padding: 30px 30px 40px;
+}
+
+.edu-course.course-style-8 .hover-content-aside .content:before {
+ border-left: 11px solid transparent;
+ border-right: 11px solid transparent;
+ border-bottom: 12px solid var(--color-white);
+ border-top: none;
+ top: 0;
+ left: 50%;
+ -webkit-transform: translateY(0) translateX(-50%);
+ -ms-transform: translateY(0) translateX(-50%);
+ transform: translateY(0) translateX(-50%);
+}
+
+.edu-course.course-style-8 .hover-content-aside .content .course-level {
+ background-color: transparent;
+ padding: 0;
+ color: var(--color-secondary);
+ font-size: 15px;
+ margin-bottom: 10px;
+}
+
+.edu-course.course-style-8 .hover-content-aside .content .course-meta {
+ margin-bottom: 2px;
+}
+
+.edu-course.course-style-8:hover {
+ background-color: var(--color-white);
+}
+
+.edu-course.course-style-8:hover .content .course-price {
+ color: var(--color-secondary);
+}
+
+.edu-course.course-style-8:hover .content .title a {
+ color: var(--color-heading);
+}
+
+.edu-course.course-style-8:hover .content .title a:hover {
+ color: var(--color-primary);
+}
+
+.edu-course.course-style-8:hover .content .course-rating .rating-count {
+ color: var(--color-heading);
+}
+
+.edu-course.course-style-8:hover .content .course-meta li {
+ color: var(--color-heading);
+}
+
+.edu-course.course-style-8:hover .content .course-meta li:after {
+ background-color: #e5e5e5;
+}
+
+.edu-course.course-style-8:hover .content .course-meta li i {
+ color: #a7a7a7;
+}
+
+.edu-course.course-style-9 {
+ box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
+ margin-bottom: 50px;
+ margin-left: 105px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-course.course-style-9 {
+ margin-left: 0px;
+ }
+}
+
+.edu-course.course-style-9:last-child {
+ margin-bottom: 0;
+}
+
+.edu-course.course-style-9 .thumbnail {
+ margin-left: -135px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-course.course-style-9 .thumbnail {
+ margin-left: 0px;
+ }
+}
+
+.edu-course.course-style-9 .thumbnail a {
+ border-radius: 50%;
+}
+
+.edu-course.course-style-9 .thumbnail a img {
+ border-radius: 50%;
+}
+
+.edu-course.course-style-9 .thumbnail a:after {
+ border-radius: 50%;
+}
+
+.edu-course.course-style-9 .content .course-rating {
+ margin-bottom: 10px;
+}
+
+.edu-course.course-style-9 .content p {
+ margin-bottom: 12px;
+}
+
+.edu-course.course-style-9 .content .course-meta {
+ margin: -10px 0;
+}
+
+.edu-course.course-style-9 .hover-content-aside {
+ top: 100%;
+ left: 50%;
+ -webkit-transform: translateY(0) translateX(-50%);
+ -ms-transform: translateY(0) translateX(-50%);
+ transform: translateY(0) translateX(-50%);
+ padding-top: 12px;
+ z-index: 2;
+}
+
+.edu-course.course-style-9 .hover-content-aside .content {
+ padding: 30px 30px 40px;
+}
+
+.edu-course.course-style-9 .hover-content-aside .content:before {
+ border-left: 11px solid transparent;
+ border-right: 11px solid transparent;
+ border-bottom: 12px solid var(--color-white);
+ border-top: none;
+ top: 0;
+ left: 50%;
+ -webkit-transform: translateY(0) translateX(-50%);
+ -ms-transform: translateY(0) translateX(-50%);
+ transform: translateY(0) translateX(-50%);
+}
+
+.edu-course.course-style-9 .hover-content-aside .content .course-level {
+ background-color: transparent;
+ padding: 0;
+ color: var(--color-secondary);
+ font-size: 15px;
+ margin-bottom: 10px;
+}
+
+.edu-course.course-style-9 .hover-content-aside .content .course-meta {
+ margin-bottom: 2px;
+}
+
+.edu-course.course-style-9:hover {
+ background-color: var(--color-white);
+}
+
+.edu-course.course-style-9:hover .content .course-price {
+ color: var(--color-secondary);
+}
+
+.edu-course.course-style-9:hover .content .title a {
+ color: var(--color-heading);
+}
+
+.edu-course.course-style-9:hover .content .title a:hover {
+ color: var(--color-primary);
+}
+
+.edu-course.course-style-9:hover .content .course-rating .rating-count {
+ color: var(--color-heading);
+}
+
+.edu-course.course-style-9:hover .content .course-meta li {
+ color: var(--color-heading);
+}
+
+.edu-course.course-style-9:hover .content .course-meta li:after {
+ background-color: #e5e5e5;
+}
+
+.edu-course.course-style-9:hover .content .course-meta li i {
+ color: #a7a7a7;
+}
+
+.edu-course.course-box-shadow {
+ box-shadow: var(--shadow-darker);
+}
+
+.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:hover, .edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:hover {
+ color: var(--color-black);
+ background: #ffffff;
+}
+
+.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:hover:after, .edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:hover:after {
+ background: #ffffff;
+}
+
+.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:after, .edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:after {
+ display: none;
+}
+
+.edu-course-area {
+ position: relative;
+}
+
+.edu-course-area.course-area-6 {
+ padding-bottom: 175px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-course-area.course-area-6 .course-activation .swiper-wrapper .swiper-slide {
+ padding: 0;
+ }
+}
+
+.edu-course-area.course-area-6 .swiper-pagination-bullets.swiper-pagination-horizontal {
+ bottom: 110px;
+ left: 0;
+ width: 100%;
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-course-area.course-area-6 .swiper-pagination-bullets.swiper-pagination-horizontal {
+ bottom: 90px;
+ }
+}
+
+.edu-course-area.course-area-8 {
+ background-color: var(--color-lighten01);
+ position: relative;
+ overflow: hidden;
+}
+
+.edu-course-area.course-area-8::before {
+ display: none;
+}
+
+.edu-course-area.course-area-8 ul {
+ padding-left: 0;
+ list-style: none;
+}
+
+.edu-course-area.course-area-8 ul .section-title {
+ display: inline-block;
+ margin-top: 0px;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-course-area.course-area-8 ul .section-title {
+ display: block;
+ text-align: center;
+ }
+}
+
+.edu-course-area.course-area-8 ul .course-view-all {
+ text-align: right;
+ margin-top: -140px;
+ margin-bottom: 55px;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-course-area.course-area-8 ul .course-view-all {
+ margin-top: -15px;
+ margin-bottom: 33px;
+ text-align: center;
+ }
+}
+
+.edu-course-area.course-area-8 ul .course-view-all a:hover {
+ color: var(--color-white);
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background: var(--gradient-primary);
+ border-radius: 5px;
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transition: all .4s ease-in-out;
+ transition: all .4s ease-in-out;
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4 .inner {
+ position: relative;
+ z-index: 12;
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4 .thumbnail a::after {
+ border-radius: 50%;
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4 .thumbnail a img {
+ border-radius: 50% !important;
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4 .thumbnail .time-top {
+ left: 0;
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4:hover {
+ background: transparent;
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4:hover::after {
+ opacity: 1;
+ visibility: visible;
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4:hover .course-hover-content-wrapper {
+ opacity: 1;
+}
+
+.edu-course-area.course-area-8 .edu-course.course-style-4:hover .thumbnail a img {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+
+.edu-course-area.course-area-8 .shape-group li.shape-1 {
+ left: -280px;
+ top: 13px;
+}
+
+.edu-course-area.course-area-8 .shape-group li.shape-2 {
+ left: -600px;
+ top: -430px;
+ z-index: -1;
+}
+
+.edu-course-area.course-area-8 .shape-group li.shape-2 span {
+ width: 570px;
+ height: 570px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ display: block;
+}
+
+.edu-course-area.course-area-8 .shape-group li.shape-3 {
+ bottom: -68px;
+ right: -111px;
+}
+
+.edu-course-area.course-area-8 .shape-group li.shape-4 {
+ right: -100px;
+ bottom: -12px;
+ z-index: 1;
+}
+
+.edu-course-area.course-area-9 ul {
+ padding-left: 0;
+ list-style: none;
+}
+
+.edu-course-area.course-area-9 ul .section-title {
+ display: inline-block;
+ margin-top: 0px;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-course-area.course-area-9 ul .section-title {
+ display: block;
+ text-align: center;
+ }
+}
+
+.edu-course-area.course-area-9 ul .course-view-all {
+ text-align: right;
+ margin-top: -140px;
+ margin-bottom: 55px;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-course-area.course-area-9 ul .course-view-all {
+ margin-top: -15px;
+ margin-bottom: 33px;
+ text-align: center;
+ }
+}
+
+.edu-course-area.course-area-9 ul .course-view-all a.edu-btn {
+ background-color: var(--color-lighten01);
+ color: var(--color-primary);
+}
+
+.edu-course-area.course-area-9 ul .course-view-all a.edu-btn:hover {
+ color: var(--color-white);
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 {
+ background-color: var(--color-white);
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail {
+ position: relative;
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail a {
+ border-radius: 5px;
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail a img {
+ border-radius: 5px;
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail .course-price {
+ position: absolute;
+ left: 20px;
+ top: 20px;
+ background-color: var(--color-extra05);
+ color: var(--color-white);
+ font-size: 14px;
+ width: 80px;
+ height: 26px;
+ line-height: 28px;
+ text-align: center;
+ border-radius: 5px;
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail .read-more-btn {
+ position: absolute;
+ right: 30px;
+ bottom: -30px;
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail .read-more-btn a.btn-icon-round {
+ border-radius: 50%;
+ background-color: var(--color-white);
+ color: var(--color-primary);
+ box-shadow: var(--shadow-dark);
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail .read-more-btn a.btn-icon-round:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .instructor {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ margin-top: 30px;
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .instructor img {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .instructor .instructor-name {
+ margin-top: 12px;
+ margin-left: 15px;
+ font-size: 15px;
+ font-weight: var(--p-semi-bold);
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .content {
+ padding: 0px 50px 10px 0px;
+}
+
+.edu-course-area.course-area-9 .edu-course.course-style-5 .inner .content .title {
+ font-size: 18px;
+ font-weight: var(--p-bold);
+}
+
+.course-view-all {
+ text-align: center;
+ margin-top: 60px;
+}
+
+.course-view-all .view-text {
+ margin-bottom: 0;
+}
+
+.course-layout-five-tooltip-content {
+ width: 344px;
+ pointer-events: none;
+ z-index: 1;
+}
+
+.course-layout-five-tooltip-content .content {
+ border-radius: 4px;
+ padding: 30px 30px 40px 30px;
+ position: relative;
+}
+
+.course-layout-five-tooltip-content .content .price-round {
+ position: absolute;
+ top: -40px;
+ right: 30px;
+}
+
+.course-layout-five-tooltip-content .content .course-level {
+ background-color: transparent;
+ color: var(--color-secondary);
+ font-size: 15px;
+ padding: 0;
+ margin-bottom: 15px;
+ display: inline-block;
+ font-weight: 500;
+ font-family: var(--font-secondary);
+}
+
+.course-layout-five-tooltip-content .content .title {
+ margin-top: 0px;
+ margin-bottom: 8px;
+}
+
+.course-layout-five-tooltip-content .content .title a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ pointer-events: all;
+}
+
+.course-layout-five-tooltip-content .content .title a:hover {
+ color: var(--color-primary);
+}
+
+.course-layout-five-tooltip-content .content .course-rating {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-bottom: 0px;
+}
+
+.course-layout-five-tooltip-content .content .course-rating .rating {
+ color: #f8b81f;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.course-layout-five-tooltip-content .content .course-rating .rating-count {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ margin-left: 10px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.course-layout-five-tooltip-content .content .course-price {
+ font-size: 14px;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-secondary);
+ font-family: var(--font-secondary);
+ margin-bottom: 14px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.course-layout-five-tooltip-content .content .course-price.price-round {
+ font-size: 22px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ height: 80px;
+ width: 80px;
+ line-height: 84px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ text-align: center;
+}
+
+.course-layout-five-tooltip-content .content .course-meta li {
+ display: inline-block;
+ margin-right: 25px;
+ position: relative;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ font-size: var(--font-size-b1);
+ color: var(--color-body);
+}
+
+.course-layout-five-tooltip-content .content .course-meta li:after {
+ position: absolute;
+ content: '';
+ height: 5px;
+ width: 5px;
+ background-color: #d1d1d1;
+ border-radius: 50%;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ right: -17px;
+}
+
+.course-layout-five-tooltip-content .content .course-meta li:last-child {
+ margin-right: 0;
+}
+
+.course-layout-five-tooltip-content .content .course-meta li:last-child:after {
+ display: none;
+}
+
+.course-layout-five-tooltip-content .content .course-meta li i {
+ color: #a7a7a7;
+ font-size: 14px;
+ margin-right: 7px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.course-layout-five-tooltip-content .content .course-feature {
+ margin-bottom: 25px;
+}
+
+.course-layout-five-tooltip-content .content .course-feature ul li {
+ font-size: 13px;
+ position: relative;
+ padding-left: 28px;
+}
+
+.course-layout-five-tooltip-content .content .course-feature ul li:before {
+ content: "\e913";
+ font-family: 'icomoon';
+ color: var(--color-heading);
+ margin-right: 15px;
+ position: absolute;
+ left: 0;
+ top: 2px;
+}
+
+.course-layout-five-tooltip-content .content .button-group .edu-btn {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ color: var(--color-white) !important;
+ pointer-events: all;
+}
+
+body .tpd-size-medium .tpd-content {
+ padding: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+.tpd-tooltip .tpd-content-wrapper {
+ overflow: unset;
+}
+
+@media only screen and (max-width: 767px) {
+ .tpd-tooltip .tpd-content-wrapper {
+ display: none;
+ }
+}
+
+.tpd-tooltip .tpd-content {
+ padding: 0;
+ line-height: inherit;
+ font-size: var(--fontSize);
+}
+
+.tpd-tooltip .tpd-shift-stem-side {
+ display: none !important;
+}
+
+.tpd-tooltip .tpd-backgrounds,
+.tpd-tooltip .tpd-stem {
+ display: none !important;
+}
+
+.tpd-visible-frame-left .tpd-frame-left,
+.tpd-visible-frame-right .tpd-frame-left {
+ position: relative;
+}
+
+.tpd-visible-frame-left .tpd-frame-left:before,
+.tpd-visible-frame-right .tpd-frame-left:before {
+ content: "";
+ border-top: 12px solid transparent;
+ border-right: 13px solid var(--color-white);
+ border-bottom: 12px solid transparent;
+ position: absolute;
+ top: 50%;
+ left: -12px;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ z-index: 9;
+}
+
+.tpd-visible-frame-right .tpd-frame-left:after {
+ content: "";
+ border-top: 12px solid transparent;
+ border-right: 13px solid var(--color-white);
+ border-bottom: 12px solid transparent;
+ position: absolute;
+ top: 50%;
+ left: -12px;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ z-index: 9;
+}
+
+.tpd-visible-frame-right .tpd-frame-right {
+ position: relative;
+ list-style: none;
+}
+
+.tpd-visible-frame-right .tpd-frame-right:after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ z-index: 9;
+ border-left: 13px solid var(--color-white);
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ left: inherit !important;
+ right: 0px;
+}
+
+.tpd-skin {
+ left: 12px;
+}
+
+@media only screen and (max-width: 767px) {
+ .tpd-skin {
+ display: none;
+ }
+}
+
+.tpd-content-spacer {
+ background: var(--color-white);
+ box-shadow: 0px 0px 50px 0px rgba(26, 46, 85, 0.2);
+ border-radius: 4px;
+}
+
+.tpd-skin.tpd-visible-frame-right {
+ left: 0px;
+}
+
+.tpd-skin-light a {
+ color: inherit !important;
+}
+
+.tpd-tooltip {
+ z-index: 9 !important;
+}
+
+.tpd-tooltip a,
+.tpd-tooltip a:hover {
+ color: inherit !important;
+ text-decoration: inherit !important;
+}
+
+.load-more-btn {
+ text-align: center;
+ margin-top: 70px;
+}
+
+@media only screen and (max-width: 767px) {
+ .load-more-btn {
+ margin-top: 50px;
+ }
+}
+
+.load-more-btn .edu-btn {
+ padding: 0 50px;
+}
+
+@media only screen and (max-width: 767px) {
+ .load-more-btn .edu-btn {
+ padding: 0 30px;
+ }
+}
+
+.load-more-btn .edu-btn i {
+ font-size: 20px;
+ top: 4px;
+ padding-left: 10px;
+}
+
+@media only screen and (max-width: 767px) {
+ .load-more-btn .edu-btn i {
+ font-size: 15px;
+ top: 2px;
+ }
+}
+
+.isotop-button {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin: -5px -5px 45px;
+}
+
+@media only screen and (max-width: 575px) {
+ .isotop-button {
+ display: inline-block;
+ text-align: center;
+ }
+}
+
+.isotop-button button {
+ text-align: center;
+ font-size: 14px;
+ font-weight: var(--p-medium);
+ text-transform: uppercase;
+ color: var(--color-heading);
+ background-color: #ede8e1;
+ border-radius: 5px;
+ border: none;
+ padding: 0 30px;
+ height: 60px;
+ margin: 5px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ position: relative;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 575px) {
+ .isotop-button button {
+ padding: 0 25px;
+ height: 50px;
+ font-size: 12px;
+ }
+}
+
+.isotop-button button:after {
+ content: "";
+ width: 0;
+ height: 0;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 10px solid var(--color-secondary);
+ position: absolute;
+ bottom: -5px;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ z-index: -1;
+}
+
+@media only screen and (max-width: 575px) {
+ .isotop-button button:after {
+ display: none;
+ }
+}
+
+.isotop-button button:hover, .isotop-button button.is-checked {
+ background-color: var(--color-secondary);
+ color: var(--color-white);
+}
+
+.isotop-button button:hover:after, .isotop-button button.is-checked:after {
+ bottom: -10px;
+ visibility: visible;
+ opacity: 1;
+}
+
+.isotop-button.button-transparent button {
+ text-align: center;
+ font-size: 16px;
+ font-weight: var(--p-medium);
+ text-transform: capitalize;
+ background-color: transparent;
+ color: var(--color-body);
+ height: auto;
+ padding: 0 12px;
+}
+
+.isotop-button.button-transparent button:after {
+ display: block;
+ border: none;
+ height: 2px;
+ width: 0;
+ background-color: var(--color-primary);
+ bottom: 0;
+}
+
+.isotop-button.button-transparent button:hover:after, .isotop-button.button-transparent button.is-checked:after {
+ width: 100%;
+ visibility: visible;
+ opacity: 1;
+}
+
+.course-area-3 {
+ overflow: hidden;
+ position: relative;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-area-3 .shape-group {
+ display: none;
+ }
+}
+
+.course-area-3 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.course-area-3 .shape-group li.shape-1 {
+ top: -75px;
+ right: -50px;
+}
+
+.course-area-3 .shape-group li.shape-2 {
+ bottom: -65px;
+ left: -155px;
+}
+
+.course-area-7 {
+ padding: 220px 0;
+ position: relative;
+ z-index: 1;
+}
+
+.course-area-7::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-6.svg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ z-index: -1;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-area-7 {
+ padding: 150px 0;
+ }
+}
+
+.course-area-7 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.course-area-7 .shape-group li img {
+ opacity: .3;
+}
+
+.course-area-7 .shape-group li.shape-1 {
+ top: 64px;
+ left: -100px;
+}
+
+.course-area-7 .shape-group li.shape-2 {
+ bottom: -50px;
+ right: -90px;
+}
+
+.course-area-7 .shape-group li.shape-3 {
+ top: 140px;
+ right: -25px;
+}
+
+.edu-sorting-area {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ margin-bottom: 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-sorting-area {
+ display: block;
+ text-align: center;
+ }
+}
+
+.edu-sorting-area .showing-text {
+ margin-bottom: 0;
+}
+
+.edu-sorting-area .showing-text span {
+ color: var(--color-primary);
+}
+
+.edu-sorting-area .sorting-right {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-sorting-area .sorting-right {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-sorting-area .sorting-right {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+}
+
+.edu-sorting-area .sorting-right .layout-switcher {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-right: 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-sorting-area .sorting-right .layout-switcher {
+ margin-top: 20px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-sorting-area .sorting-right .layout-switcher {
+ margin-right: 0;
+ }
+}
+
+.edu-sorting-area .sorting-right .layout-switcher label {
+ font-family: var(--font-secondary);
+ font-size: 16px;
+ font-weight: 600;
+ color: var(--color-heading);
+ margin-right: 10px;
+ margin-top: 4px;
+}
+
+.edu-sorting-area .sorting-right .layout-switcher .switcher-btn {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: -5px;
+}
+
+.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li {
+ margin: 5px;
+}
+
+.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a {
+ border: 1px solid var(--color-border);
+ border-radius: 3px;
+ padding: 8px;
+ color: #d1d1d1;
+ font-size: 16px;
+ line-height: 1;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a:hover, .edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a.active {
+ border-color: var(--color-primary);
+ color: var(--color-primary);
+}
+
+.edu-sorting-area .sorting-right .edu-sorting {
+ position: relative;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-sorting-area .sorting-right .edu-sorting {
+ margin-top: 20px;
+ }
+}
+
+.edu-sorting-area .sorting-right .edu-sorting .icon {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ left: 22px;
+ font-size: 10px;
+ color: var(--color-heading);
+}
+
+.edu-sorting-area .sorting-right .edu-sorting .edu-select {
+ padding-left: 50px;
+ width: 200px;
+}
+
+/*-------------------
+ Course Details Style
+---------------------*/
+.course-details-content {
+ padding-right: 10px;
+}
+
+@media only screen and (max-width: 991px) {
+ .course-details-content {
+ padding-right: 0;
+ }
+}
+
+.course-details-content .nav-tabs {
+ border-bottom: 1px solid var(--color-border);
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+.course-details-content .nav-tabs .nav-item {
+ margin: 0 5px;
+}
+
+.course-details-content .nav-tabs .nav-item .nav-link {
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 28px;
+ border: 0 none;
+ background: transparent;
+ padding: 15px 25px;
+ position: relative;
+ color: var(--color-body);
+ font-family: var(--font-secondary);
+}
+
+.course-details-content .nav-tabs .nav-item .nav-link::after {
+ position: absolute;
+ content: "";
+ background: var(--color-primary);
+ height: 2px;
+ width: 0;
+ -webkit-transition: 0.4s;
+ transition: 0.4s;
+ left: 0;
+ bottom: 0;
+ opacity: 0;
+}
+
+.course-details-content .nav-tabs .nav-item .nav-link.active, .course-details-content .nav-tabs .nav-item .nav-link:hover {
+ color: var(--color-primary);
+}
+
+.course-details-content .nav-tabs .nav-item .nav-link.active::after, .course-details-content .nav-tabs .nav-item .nav-link:hover::after {
+ width: 100%;
+ opacity: 1;
+}
+
+.course-details-content .course-tab-content {
+ margin-top: 65px;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-details-content .course-tab-content {
+ margin-top: 50px;
+ }
+}
+
+.course-details-content .entry-content .title {
+ margin-bottom: 4px;
+}
+
+.course-details-content .entry-content .course-meta {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-right: -20px;
+ margin-left: -20px;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-details-content .entry-content .course-meta {
+ display: block;
+ margin-top: 20px;
+ }
+}
+
+.course-details-content .entry-content .course-meta li {
+ margin-right: 20px;
+ margin-left: 20px;
+ font-weight: 500;
+ color: var(--color-heading);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+}
+
+.course-details-content .entry-content .course-meta li:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #dbdbdb;
+ position: absolute;
+ top: 4px;
+ right: -20px;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-details-content .entry-content .course-meta li:after {
+ display: none;
+ }
+}
+
+.course-details-content .entry-content .course-meta li:last-child:after {
+ display: none;
+}
+
+.course-details-content .entry-content .course-meta li i {
+ padding-right: 14px;
+ font-size: 24px;
+ color: var(--color-primary);
+}
+
+.course-details-content .entry-content .course-meta .course-rating .rating {
+ margin-right: 8px;
+}
+
+.course-details-content .entry-content .course-meta .course-rating .rating i {
+ font-size: 15px;
+ color: #f8b81f;
+ padding: 0;
+}
+
+.course-details-content .entry-content .thumbnail {
+ position: relative;
+ margin-top: 60px;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-details-content .entry-content .thumbnail {
+ margin-top: 40px;
+ }
+}
+
+.course-details-content .entry-content .thumbnail img {
+ border-radius: 5px;
+}
+
+.course-details-content .entry-content .thumbnail:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.7);
+ border-radius: 5px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.course-details-content .entry-content .thumbnail .video-play-btn {
+ position: absolute;
+ z-index: 1;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ border: 0;
+ width: 80px;
+ height: 80px;
+ line-height: 82px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ background-color: var(--color-white);
+ margin: 0 auto;
+ display: inline-block;
+ font-size: 20px;
+ text-align: center;
+ color: var(--color-secondary);
+}
+
+@media only screen and (max-width: 575px) {
+ .course-details-content .entry-content .thumbnail .video-play-btn {
+ width: 60px;
+ height: 60px;
+ line-height: 62px;
+ }
+}
+
+.course-details-content .entry-content .thumbnail .video-play-btn i {
+ margin-left: 5px;
+}
+
+.course-details-content .entry-content .thumbnail .video-play-btn:hover {
+ background-color: var(--color-secondary);
+ color: var(--color-white);
+}
+
+.course-details-content .course-enroll-box {
+ margin-top: 110px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ background-color: var(--color-white);
+ padding: 40px 0;
+ box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
+}
+
+@media only screen and (max-width: 767px) {
+ .course-details-content .course-enroll-box {
+ margin-top: 80px;
+ display: block;
+ padding: 10px 0;
+ }
+}
+
+.course-details-content .course-enroll-box .single-item {
+ padding: 0 45px;
+ position: relative;
+ font-family: var(--font-secondary);
+ text-align: center;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .course-details-content .course-enroll-box .single-item {
+ padding: 0 35px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .course-details-content .course-enroll-box .single-item {
+ padding: 30px 35px;
+ }
+}
+
+.course-details-content .course-enroll-box .single-item:after {
+ content: "";
+ height: 140px;
+ width: 1px;
+ background-color: var(--color-border);
+ position: absolute;
+ top: 50%;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+@media only screen and (max-width: 767px) {
+ .course-details-content .course-enroll-box .single-item:after {
+ height: 1px;
+ width: 100%;
+ bottom: 0;
+ top: auto;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ }
+}
+
+.course-details-content .course-enroll-box .single-item:last-child:after {
+ display: none;
+}
+
+.course-details-content .course-enroll-box .single-item .enroll-status {
+ display: block;
+ background-color: rgba(70, 100, 228, 0.07);
+ border-radius: 5px;
+ padding: 8px 28px;
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-extra08);
+}
+
+.course-details-content .course-enroll-box .single-item .price {
+ font-size: 28px;
+ font-weight: 700;
+ color: var(--color-secondary);
+}
+
+.course-details-content .course-enroll-box .single-item .login-btn {
+ font-size: 14px;
+}
+
+.course-details-content .course-enroll-box .single-item .login-btn a {
+ font-weight: 500;
+ color: var(--color-heading);
+}
+
+.course-details-content .course-enroll-box .single-item .login-btn a:hover {
+ color: var(--color-primary);
+}
+
+.course-details-content .course-enroll-box .single-item.course-price {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.course-overview ul {
+ list-style: none;
+ padding: 0;
+ margin: 30px 0;
+}
+
+.course-overview ul li {
+ margin-top: 15px;
+ margin-bottom: 15px;
+ padding-left: 30px;
+ position: relative;
+}
+
+.course-overview ul li:after {
+ content: "\e938";
+ font-family: var(--font-icomoon);
+ color: var(--color-primary);
+ position: absolute;
+ left: 0;
+ top: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.course-overview .border-box {
+ border: 1px solid var(--color-border);
+ padding: 40px 40px 30px;
+ margin-bottom: 90px;
+}
+
+@media only screen and (max-width: 575px) {
+ .course-overview .border-box {
+ padding: 40px 30px 30px;
+ }
+}
+
+.course-overview .border-box ul {
+ margin: 0;
+}
+
+.course-curriculam .course-lesson {
+ border: 1px solid var(--color-border);
+ padding: 40px 50px 50px;
+ margin-bottom: 50px;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-curriculam .course-lesson {
+ padding: 35px 20px 40px;
+ }
+}
+
+.course-curriculam .course-lesson .title {
+ margin-bottom: 6px;
+}
+
+.course-curriculam .course-lesson:last-child {
+ margin-bottom: 0;
+}
+
+.course-curriculam .course-lesson ul li {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ line-height: 26px;
+ padding: 14px 0;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0;
+ color: var(--color-heading);
+ border-bottom: 1px solid var(--color-border);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.course-curriculam .course-lesson ul li:first-child {
+ border-top: 1px solid var(--color-border);
+}
+
+.course-curriculam .course-lesson ul li i {
+ font-size: 16px;
+ position: relative;
+ top: 1px;
+}
+
+.course-curriculam .course-lesson ul li .text i {
+ margin-right: 8px;
+}
+
+.course-curriculam .course-lesson ul li:hover {
+ color: var(--color-primary);
+}
+
+.course-curriculam .course-lesson .badge-list {
+ margin: -3px;
+ text-align: right;
+}
+
+.course-curriculam .course-lesson .badge {
+ border-radius: 3px;
+ font-size: 13px;
+ font-weight: 500;
+ padding: 7px;
+ margin: 3px;
+}
+
+.course-curriculam .course-lesson .badge.badge-primary {
+ background-color: rgba(26, 182, 157, 0.07);
+ opacity: 1;
+ color: var(--color-primary);
+}
+
+.course-curriculam .course-lesson .badge.badge-secondary {
+ background-color: rgba(238, 74, 99, 0.07);
+ opacity: 1;
+ color: var(--color-secondary);
+}
+
+.course-instructor {
+ padding: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.course-instructor .thumbnail {
+ min-width: 170px;
+ margin-right: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .course-instructor .thumbnail {
+ min-width: 80px;
+ }
+}
+
+.course-instructor .thumbnail img {
+ width: 100%;
+ object-fit: cover;
+ border-radius: 5px;
+}
+
+.course-instructor .author-content .title {
+ margin-bottom: 0;
+ font-size: 20px;
+}
+
+.course-instructor .author-content .subtitle {
+ display: block;
+ margin-bottom: 20px;
+}
+
+.course-instructor .author-content p {
+ margin-bottom: 25px;
+}
+
+.course-review .heading-title {
+ margin-bottom: 5px;
+}
+
+.course-review .rating-box {
+ background: #FFFFFF;
+ box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.07);
+ border-radius: 5px;
+ text-align: center;
+ width: 170px;
+ height: 170px;
+ padding: 20px 10px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+@media only screen and (max-width: 575px) {
+ .course-review .rating-box {
+ margin: 0 auto;
+ }
+}
+
+.course-review .rating-box .rating {
+ color: #f8b81f;
+ margin-bottom: 5px;
+}
+
+.course-review .rating-box .rating-number {
+ font-weight: 700;
+ font-size: 28px;
+ line-height: 1;
+ font-family: var(--font-secondary);
+ color: var(--color-secondary);
+ margin-bottom: 10px;
+}
+
+.course-review .rating-box span {
+ font-size: 14px;
+ line-height: 26px;
+}
+
+.course-review .review-wrapper {
+ margin-top: -30px;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-review .review-wrapper {
+ margin-left: 30px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .course-review .review-wrapper {
+ margin-top: 0;
+ margin-left: 0;
+ }
+}
+
+.course-review .review-wrapper .single-progress-bar {
+ position: relative;
+}
+
+.course-review .review-wrapper .rating-text {
+ display: inline-block;
+ position: relative;
+ top: 17px;
+ font-family: var(--font-secondary);
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+}
+
+.course-review .review-wrapper .rating-text i {
+ color: #f8b81f;
+ padding-left: 12px;
+}
+
+.course-review .review-wrapper .progress {
+ margin-right: 38px;
+ margin-left: 70px;
+ height: 6px;
+ background: #f2f2f2;
+}
+
+.course-review .review-wrapper .progress .progress-bar {
+ background-color: #f8b81f;
+}
+
+.course-review .review-wrapper span.rating-value {
+ font-family: var(--font-secondary);
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ position: absolute;
+ right: 0;
+ top: 55%;
+}
+
+.course-review .comment-area {
+ margin-top: 70px;
+}
+
+.course-review .comment-list-wrapper .comment .comment-content .rating {
+ color: #f8b81f;
+ margin-bottom: 6px;
+}
+
+.course-review .comment-list-wrapper .comment + .comment {
+ margin-top: 5px;
+}
+
+.course-review .comment-form-area {
+ margin-top: 40px;
+}
+
+.course-review .comment-form-area .heading-title {
+ margin-bottom: 25px;
+}
+
+.course-review .comment-form-area .rating-icon {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-bottom: 20px;
+}
+
+.course-review .comment-form-area .rating-icon .title {
+ margin-bottom: 0;
+ margin-right: 22px;
+}
+
+.course-review .comment-form-area .rating-icon .rating i {
+ color: #e1e1e1;
+}
+
+.course-review .comment-form-area .rating-icon .rating i:hover {
+ color: #f8b81f;
+}
+
+.course-review .border-box {
+ border: 1px solid var(--color-border);
+ padding-bottom: 10px;
+}
+
+.course-review .border-box .rating-box {
+ margin: 30px 0 30px 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .course-review .border-box .rating-box {
+ margin: 30px auto;
+ }
+}
+
+.course-review .border-box .review-wrapper {
+ margin-right: 30px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .course-review .border-box .review-wrapper {
+ margin-left: 30px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .course-review .border-box .review-wrapper {
+ margin-bottom: 40px;
+ }
+}
+
+.course-review .border-box .comment-area {
+ border-top: 1px solid var(--color-border);
+ margin-top: 0;
+ padding-top: 30px;
+}
+
+.course-review .border-box .comment-list-wrapper .comment {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .course-review .border-box .comment-list-wrapper .comment {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+}
+
+.course-details-3 .nav-tabs {
+ margin-top: 80px;
+}
+
+@media only screen and (max-width: 767px) {
+ .course-details-3 .nav-tabs {
+ margin-top: 60px;
+ }
+}
+
+.course-details-3 .nav-tabs .nav-item .nav-link.active, .course-details-3 .nav-tabs .nav-item .nav-link:hover {
+ color: var(--color-heading);
+}
+
+.course-details-3 .course-curriculam .heading-title {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.course-details-3 .course-curriculam .heading-title .title {
+ margin-bottom: 0;
+}
+
+.course-details-3 .course-curriculam .heading-title button i {
+ font-size: 6px;
+ top: -2px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .heading-title {
+ margin-bottom: 15px;
+ margin-top: 40px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .accordion-item {
+ margin-bottom: 10px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button {
+ padding: 30px 50px 26px 65px;
+ display: block;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button:before {
+ content: "";
+ height: 20px;
+ width: 20px;
+ border: 3px solid var(--color-border);
+ border-radius: 50%;
+ position: absolute;
+ top: 28px;
+ left: 30px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button:after {
+ content: "\e91e";
+ font-size: 6px;
+ height: 20px;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ background: var(--gradient-primary);
+ color: var(--color-white);
+ font-weight: 400;
+ border-radius: 50%;
+ position: absolute;
+ top: 30%;
+ right: 47px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button .topics {
+ display: block;
+ font-size: 15px;
+ color: var(--color-body);
+ font-family: var(--font-primary);
+ font-weight: 500;
+ margin-top: 4px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button .expand {
+ position: absolute;
+ top: 60%;
+ right: 30px;
+ font-size: 13px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .accordion-item.no-collapsed .accordion-button:after {
+ display: none;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 22px 30px 20px 70px;
+ background-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title {
+ color: var(--color-white);
+ margin-bottom: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title i {
+ font-size: 20px;
+ margin-right: 15px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text {
+ font-size: 13px;
+ font-weight: 500;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span {
+ position: relative;
+ display: inline-block;
+ margin-right: 20px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:after {
+ content: "";
+ height: 13px;
+ width: 1px;
+ background-color: var(--color-white);
+ position: absolute;
+ top: 4px;
+ right: -12px;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:last-child {
+ margin-right: 0;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:last-child:after {
+ display: none;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson ul li {
+ padding: 14px 30px 14px 100px;
+ position: relative;
+}
+
+.course-details-3 .course-curriculam .edu-accordion .course-lesson ul li:before {
+ content: "";
+ height: 20px;
+ width: 20px;
+ border: 3px solid var(--color-border);
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ left: 70px;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+/*-------------------
+ Event Styles
+---------------------*/
+.edu-event {
+ position: relative;
+ box-shadow: var(--shadow-darkest);
+}
+
+.edu-event.event-style-1 {
+ box-shadow: none;
+}
+
+.edu-event .thumbnail {
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ position: relative;
+}
+
+.edu-event .thumbnail a {
+ display: block;
+ border-radius: 5px 5px 0 0;
+ position: relative;
+ overflow: hidden;
+}
+
+.edu-event .thumbnail a:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event .thumbnail a img {
+ width: 100%;
+ border-radius: 5px 5px 0 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event .thumbnail .event-time {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+
+.edu-event .thumbnail .event-time span {
+ background-color: #f8941f;
+ border-radius: 4px;
+ padding: 4px 10px;
+ font-weight: 500;
+ font-size: 12px;
+ color: var(--color-white);
+ font-family: var(--font-secondary);
+ display: block;
+}
+
+.edu-event .thumbnail .event-time span i {
+ margin-right: 5px;
+ font-size: 18px;
+ position: relative;
+ top: 2px;
+}
+
+.edu-event .content {
+ background-color: #f7f5f2;
+ position: relative;
+ padding: 40px 30px 45px;
+ border-radius: 0 0 5px 5px;
+ box-shadow: none;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event .content:after {
+ content: "";
+ height: 10px;
+ width: 100%;
+ background-color: rgba(255, 91, 92, 0.3);
+ border-radius: 0 0 5px 5px;
+ position: absolute;
+ bottom: -5px;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event .content .event-date {
+ width: 80px;
+ height: 80px;
+ background: var(--color-primary);
+ border-radius: 50%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: absolute;
+ top: -40px;
+ right: 30px;
+ z-index: 1;
+}
+
+.edu-event .content .event-date span {
+ font-weight: 700;
+ font-size: 22px;
+ display: block;
+ color: var(--color-white);
+ text-align: center;
+ font-family: var(--font-secondary);
+}
+
+.edu-event .content .event-date span.day {
+ line-height: 1;
+ margin-bottom: 4px;
+}
+
+.edu-event .content .event-date span.month {
+ line-height: 1;
+ font-size: 14px;
+ font-weight: 500;
+}
+
+.edu-event .content .title {
+ margin-bottom: 16px;
+}
+
+.edu-event .content .event-meta {
+ padding-top: 14px;
+ padding-bottom: 0;
+ margin: -5px -16px;
+}
+
+.edu-event .content .event-meta li {
+ color: var(--color-body);
+ margin: 5px 16px;
+}
+
+.edu-event .content .event-meta li i {
+ color: var(--color-secondary);
+ font-size: 22px;
+ top: 5px;
+ padding-right: 10px;
+ position: relative;
+}
+
+.edu-event .content .read-more-btn {
+ visibility: hidden;
+ opacity: 0;
+ margin-bottom: -50px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event .content p {
+ margin-bottom: 0;
+}
+
+.edu-event:hover .thumbnail {
+ margin-bottom: -75px;
+}
+
+.edu-event:hover .thumbnail a:after {
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-event:hover .thumbnail a img {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+.edu-event:hover .content {
+ padding: 40px 30px 35px;
+ background-color: var(--color-white);
+}
+
+.edu-event:hover .content:after {
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-event:hover .content .read-more-btn {
+ margin-top: 25px;
+ margin-bottom: 0;
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-event.event-style-2 .content {
+ padding: 40px 30px 45px;
+}
+
+.edu-event.event-style-2 .content:after {
+ display: none;
+}
+
+.edu-event.event-style-2:hover .thumbnail {
+ margin-bottom: -70px;
+}
+
+.edu-event-list {
+ background-color: transparent;
+ border-radius: 10px;
+ padding: 30px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-event-list {
+ padding: 20px;
+ }
+}
+
+.edu-event-list .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-event-list .thumbnail {
+ max-width: 100px;
+ }
+}
+
+.edu-event-list .thumbnail a {
+ display: block;
+ -webkit-mask-image: url(../images/others/mask-05.png);
+ mask-image: url(../images/others/mask-05.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+}
+
+.edu-event-list .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding-left: 28px;
+ padding-top: 12px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-event-list .content {
+ padding-left: 15px;
+ }
+}
+
+.edu-event-list .content .event-meta {
+ margin: -5px -10px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-bottom: 10px;
+}
+
+.edu-event-list .content .event-meta li {
+ color: var(--color-body);
+ margin: 5px 10px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event-list .content .event-meta li i {
+ color: var(--color-secondary);
+ font-size: 16px;
+ padding-right: 10px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event-list .content .title {
+ margin-bottom: 12px;
+}
+
+.edu-event-list .content .event-location {
+ padding-bottom: 10px;
+ color: var(--color-body);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event-list .content .event-location i {
+ color: var(--color-secondary);
+ font-size: 22px;
+ padding-right: 10px;
+ position: relative;
+ top: -1px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event-list .content p {
+ margin: 5px 0 22px;
+}
+
+.edu-event-list.event-list-2 {
+ padding: 0;
+ border-radius: 0;
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 30px;
+}
+
+.edu-event-list.event-list-2 .inner {
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-event-list.event-list-2 .inner {
+ display: block;
+ }
+}
+
+.edu-event-list.event-list-2 .thumbnail a {
+ -webkit-mask-image: none;
+ mask-image: none;
+ border-radius: 10px;
+}
+
+.edu-event-list.event-list-2 .thumbnail a img {
+ border-radius: 10px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-event-list.event-list-2 .thumbnail a img {
+ width: 100%;
+ }
+}
+
+.edu-event-list.event-list-2 .content {
+ padding-left: 40px;
+ padding-top: 6px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-event-list.event-list-2 .content {
+ padding-left: 0;
+ padding-top: 30px;
+ }
+}
+
+.edu-event-list.event-list-2 .content .event-meta li i {
+ color: var(--color-primary);
+}
+
+.edu-event-list.event-list-2 .content .event-location i {
+ color: var(--color-primary);
+}
+
+.edu-event-list.event-list-3 {
+ background-color: var(--color-white);
+}
+
+.edu-event-list.event-list-3 .title a {
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-event-list.event-list-3.bg-style-extra02 .content .edu-btn {
+ background-color: var(--color-extra02);
+}
+
+.edu-event-list.event-list-3.bg-style-extra02:hover {
+ background-color: var(--color-extra02);
+}
+
+.edu-event-list.event-list-3.bg-style-extra05 .content .edu-btn {
+ background-color: var(--color-extra05);
+}
+
+.edu-event-list.event-list-3.bg-style-extra05:hover {
+ background-color: var(--color-extra05);
+}
+
+.edu-event-list.event-list-3.bg-style-primary .content .edu-btn {
+ background-color: var(--color-primary);
+}
+
+.edu-event-list.event-list-3.bg-style-primary:hover {
+ background-color: var(--color-primary);
+}
+
+.edu-event-list.event-list-3.bg-style-primary .content .edu-btn:hover {
+ background-color: var(--color-white) !important;
+ color: var(--color-heading) !important;
+}
+
+.edu-event-list.event-list-3.bg-style-primary .content .edu-btn:hover:after {
+ background: var(--color-white) !important;
+}
+
+.edu-event-list.event-list-3.bg-style-secondary .content .edu-btn {
+ background-color: var(--color-secondary);
+}
+
+.edu-event-list.event-list-3.bg-style-secondary:hover {
+ background-color: var(--color-secondary);
+}
+
+.edu-event-list.event-list-3:hover:not(.event-list-2) .content .title {
+ color: var(--color-white);
+}
+
+.edu-event-list.event-list-3:hover:not(.event-list-2) .content .title a:hover {
+ color: rgba(255, 255, 255, 0.8);
+}
+
+.edu-event-list.event-list-3:hover:not(.event-list-2) .content .event-meta li {
+ color: var(--color-white);
+}
+
+.edu-event-list.event-list-3:hover:not(.event-list-2) .content .event-meta li i {
+ color: var(--color-white);
+}
+
+.edu-event-list.event-list-3:hover:not(.event-list-2) .content .event-location {
+ color: var(--color-white);
+}
+
+.edu-event-list.event-list-3:hover:not(.event-list-2) .content .event-location i {
+ color: var(--color-white);
+}
+
+.edu-event-list.event-list-3:hover:not(.event-list-2) .content p {
+ color: var(--color-white);
+}
+
+.edu-event-list.event-list-3:hover .content .edu-btn {
+ background-color: var(--color-white);
+ color: var(--color-heading);
+}
+
+.edu-event-list.event-list-3:hover .content .edu-btn:hover {
+ color: var(--color-white);
+ background-color: transparent;
+}
+
+.event-view-all-btn {
+ text-align: center;
+ margin-top: 55px;
+}
+
+.event-view-all-btn .view-text {
+ font-size: 18px;
+ margin-bottom: 0;
+}
+
+.edu-event-area {
+ position: relative;
+}
+
+.edu-event-area .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.edu-event-area .shape-group li.shape-1 {
+ top: 81px;
+ left: -81px;
+}
+
+.edu-event-area .shape-group li.shape-2 {
+ top: -44px;
+ left: -190px;
+ z-index: -1;
+}
+
+.edu-event-area .shape-group li.shape-2 span {
+ display: block;
+ height: 400px;
+ width: 400px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.event-area-2 {
+ padding: 115px 0 120px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .event-area-2 {
+ padding: 55px 0 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .event-area-2 {
+ padding: 35px 0 80px;
+ }
+}
+
+.event-area-3 {
+ padding: 220px 0 230px;
+ z-index: 1;
+}
+
+.event-area-3::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-5.svg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .event-area-3 {
+ padding: 200px 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .event-area-3 {
+ padding: 200px 0;
+ }
+}
+
+.event-area-3 .shape-group li {
+ z-index: -1;
+}
+
+.event-area-3 .shape-group li img {
+ opacity: .3;
+}
+
+.event-area-3 .shape-group li.shape-1 {
+ right: -77px;
+ top: 108px;
+ left: inherit;
+}
+
+.event-area-3 .shape-group li.shape-2 {
+ top: inherit;
+ bottom: -71px;
+ left: -90px;
+}
+
+.event-area-4 .edu-event.event-style-1 .content {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-dark);
+}
+
+.event-area-4 .edu-event.event-style-1 .content::after {
+ display: none;
+}
+
+.event-area-4 .edu-event.event-style-1 .content .event-date {
+ background: var(--color-white);
+ box-shadow: 0px 20px 70px 0px rgba(20, 20, 20, 0.15);
+}
+
+.event-area-4 .edu-event.event-style-1 .content .event-date .day {
+ color: var(--color-primary);
+}
+
+.event-area-4 .edu-event.event-style-1 .content .event-date .month {
+ color: var(--color-heading);
+}
+
+.event-area-4 .edu-event.event-style-1 .content .title {
+ font-weight: var(--p-bold);
+}
+
+.event-area-4 .edu-event.event-style-1 .content .event-meta li {
+ color: var(--color-heading);
+}
+
+.event-area-4 .event-view-all-btn a.btn-transparent {
+ color: var(--color-primary);
+}
+
+.event-details {
+ margin-bottom: 60px;
+}
+
+.event-details .main-thumbnail {
+ margin-bottom: 70px;
+}
+
+.event-details .main-thumbnail img {
+ border-radius: 10px;
+}
+
+.event-details .details-content ul {
+ list-style-type: disc;
+ margin-bottom: 60px;
+}
+
+.event-details .details-content ul li {
+ color: var(--color-heading);
+}
+
+.event-details .details-content .event-meta {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: -10px -20px;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+
+.event-details .details-content .event-meta li {
+ margin-right: 20px;
+ margin-left: 20px;
+ color: var(--color-heading);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative;
+}
+
+.event-details .details-content .event-meta li:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #dbdbdb;
+ position: absolute;
+ top: 4px;
+ right: -20px;
+}
+
+.event-details .details-content .event-meta li:last-child:after {
+ display: none;
+}
+
+.event-details .details-content .event-meta li i {
+ padding-right: 10px;
+ font-size: 20px;
+ color: var(--color-primary);
+}
+
+.event-details .details-content .gmap_canvas {
+ margin-top: 40px;
+}
+
+.event-details .details-content .gmap_canvas #gmap_canvas {
+ height: 370px;
+ width: 100%;
+ border-radius: 5px;
+}
+
+.event-speaker .heading-title {
+ margin-bottom: 30px;
+}
+
+/*-------------------
+ FAQ Styles
+---------------------*/
+.faq-accordion .accordion-item {
+ border: none;
+ border-radius: 10px;
+ margin-bottom: 30px;
+ box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);
+}
+
+.faq-accordion .accordion-item:last-child {
+ margin-bottom: 0;
+}
+
+.faq-accordion .accordion-item .accordion-header {
+ padding: 0;
+ position: relative;
+}
+
+.faq-accordion .accordion-item .accordion-button {
+ background-color: var(--color-primary);
+ padding: 20px 45px 20px 30px;
+ border-radius: 10px 10px 0 0;
+ border: none;
+ box-shadow: none;
+ font-size: 18px;
+ font-weight: 600;
+ color: var(--color-white);
+ -webkit-transition: .3s;
+ transition: .3s;
+ z-index: 2;
+}
+
+@media only screen and (max-width: 575px) {
+ .faq-accordion .accordion-item .accordion-button {
+ font-size: 16px;
+ }
+}
+
+.faq-accordion .accordion-item .accordion-button:after {
+ display: none;
+}
+
+.faq-accordion .accordion-item .accordion-button:before {
+ content: "\e91e";
+ font-family: "icomoon";
+ font-size: 6px;
+ color: var(--color-white);
+ background-image: none;
+ position: absolute;
+ top: 22px;
+ right: 30px;
+ line-height: 1;
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+ -webkit-transition: .3s;
+ transition: .3s;
+}
+
+.faq-accordion .accordion-item .accordion-button.collapsed {
+ background-color: transparent;
+ color: var(--color-heading);
+}
+
+.faq-accordion .accordion-item .accordion-button.collapsed:before {
+ top: 26px;
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ color: var(--color-body);
+}
+
+.faq-accordion .accordion-item .accordion-body {
+ padding: 25px 30px 30px;
+}
+
+.faq-accordion .accordion-item .accordion-body p {
+ margin-bottom: 0;
+}
+
+.edu-faq-content {
+ position: relative;
+}
+
+.edu-faq-content .shape-group {
+ margin: 0;
+}
+
+.edu-faq-content .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.edu-faq-content .shape-group li.shape-1 {
+ bottom: -115px;
+ right: -145px;
+}
+
+.edu-faq-content .shape-group li.shape-2 {
+ bottom: -95px;
+ right: -165px;
+}
+
+.edu-faq-content .shape-group li.shape-2 span {
+ display: block;
+ height: 101px;
+ width: 101px;
+ border: 15px solid var(--color-secondary);
+ border-radius: 50%;
+}
+
+.edu-faq-gallery {
+ position: relative;
+}
+
+.edu-faq-gallery .thumbnail-1 {
+ text-align: right;
+}
+
+.edu-faq-gallery .thumbnail-1 img {
+ border-radius: 120px 120px 0 120px;
+}
+
+.edu-faq-gallery .thumbnail-2 {
+ margin-top: 70px;
+}
+
+.edu-faq-gallery .thumbnail-2 img {
+ border-radius: 60px 0 100px;
+}
+
+.edu-faq-gallery .thumbnail-3 {
+ margin-top: -30px;
+ text-align: right;
+}
+
+.edu-faq-gallery .thumbnail-3 img {
+ border-radius: 60px 0 100px;
+}
+
+.edu-faq-gallery .thumbnail-4 img {
+ border-radius: 0 50px 120px 120px;
+}
+
+.edu-faq-gallery .shape-group {
+ margin: 0;
+}
+
+.edu-faq-gallery .shape-group li {
+ position: absolute;
+ z-index: -1;
+ margin: 0;
+}
+
+.edu-faq-gallery .shape-group li.shape-1 {
+ top: -45px;
+ left: 44%;
+}
+
+.edu-faq-gallery .shape-group li.shape-2 {
+ top: 56px;
+ right: -10px;
+}
+
+.edu-faq-gallery .shape-group li.shape-3 {
+ bottom: -15px;
+ left: -7px;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-faq-gallery .shape-group li.shape-3 {
+ display: none;
+ }
+}
+
+.edu-faq-gallery .shape-group li.shape-4 {
+ bottom: -45px;
+ left: -45px;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-faq-gallery .shape-group li.shape-4 {
+ display: none;
+ }
+}
+
+.faq-style-1 {
+ padding: 150px 0 120px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .faq-style-1 {
+ padding: 150px 0 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .faq-style-1 {
+ padding: 100px 0;
+ }
+}
+
+.faq-style-2 {
+ padding: 120px 0 150px;
+ position: relative;
+}
+
+.faq-style-2::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-10.png);
+ background-size: cover;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .faq-style-2 {
+ padding: 100px 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .faq-style-2 {
+ padding: 80px 0 100px;
+ }
+}
+
+.faq-style-2 .edu-faq-gallery {
+ z-index: 1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .faq-style-2 .edu-faq-gallery {
+ margin-top: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .faq-style-2 .edu-faq-gallery {
+ margin-top: 20px;
+ }
+}
+
+.faq-style-2 .edu-faq-gallery .thumbnail-1 {
+ margin-top: 35px;
+}
+
+.faq-style-2 .edu-faq-gallery .thumbnail-1 img {
+ border-radius: 0 80px 0 80px;
+}
+
+.faq-style-2 .edu-faq-gallery .thumbnail-2 {
+ margin-top: 285px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .faq-style-2 .edu-faq-gallery .thumbnail-2 {
+ margin-top: 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .faq-style-2 .edu-faq-gallery .thumbnail-2 {
+ margin-top: 0;
+ }
+}
+
+.faq-style-2 .edu-faq-gallery .thumbnail-2 img {
+ border-radius: 80px 0 80px 0;
+}
+
+@media only screen and (max-width: 991px) {
+ .faq-style-2 .edu-faq-gallery .shape-group {
+ display: none;
+ }
+}
+
+.faq-style-2 .edu-faq-gallery .shape-group .shape-1 {
+ top: 35px;
+ left: -35px;
+}
+
+.faq-style-2 .edu-faq-gallery .shape-group .shape-2 {
+ top: 35px;
+ left: 210px;
+ right: auto;
+ z-index: 1;
+}
+
+.faq-style-2 .edu-faq-gallery .shape-group .shape-3 {
+ top: 230px;
+ left: inherit;
+ bottom: inherit;
+ right: -22px;
+ z-index: -1;
+}
+
+.faq-style-2 .edu-faq-gallery .shape-group .shape-4 {
+ top: 270px;
+ left: inherit;
+ right: -58px;
+ bottom: inherit;
+}
+
+.faq-style-2 .edu-faq-gallery .shape-group .shape-5 {
+ bottom: 110px;
+ left: -50px;
+}
+
+.faq-style-2 .edu-faq-gallery .shape-group .shape-6 {
+ bottom: 35px;
+ left: 90px;
+}
+
+.faq-style-3 .edu-faq-gallery {
+ text-align: right;
+}
+
+@media only screen and (max-width: 991px) {
+ .faq-style-3 .edu-faq-gallery {
+ text-align: center;
+ }
+}
+
+.faq-style-3 .edu-faq-gallery .thumbnail-1 {
+ background-color: var(--color-white);
+ box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);
+ padding: 20px;
+ border-radius: 10px;
+ display: inline-block;
+}
+
+@media only screen and (max-width: 991px) {
+ .faq-style-3 .edu-faq-gallery .thumbnail-1 {
+ display: block;
+ }
+}
+
+.faq-style-3 .edu-faq-gallery .thumbnail-1 img {
+ border-radius: 0;
+ width: 100%;
+}
+
+@media only screen and (max-width: 767px) {
+ .faq-style-3 .edu-faq-gallery .shape-group {
+ display: none;
+ }
+}
+
+.faq-style-3 .edu-faq-gallery .shape-group .shape-1 {
+ top: -30px;
+ right: -50px;
+ left: inherit;
+}
+
+.faq-style-3 .edu-faq-gallery .shape-group .shape-2 {
+ top: 70px;
+ right: -97px;
+ z-index: 1;
+}
+
+.faq-style-3 .edu-faq-gallery .shape-group .shape-3 {
+ bottom: -40px;
+ left: -68px;
+ z-index: -1;
+}
+
+.faq-style-4 {
+ padding-bottom: 100px;
+}
+
+@media only screen and (max-width: 767px) {
+ .faq-style-4 {
+ padding-bottom: 50px;
+ }
+}
+
+.faq-style-4 .faq-accordion .accordion-item .accordion-button {
+ color: var(--color-white);
+}
+
+.faq-style-4 .faq-accordion .accordion-item .accordion-button:before {
+ color: var(--color-white);
+}
+
+.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-extra02 {
+ background-color: var(--color-extra02);
+}
+
+.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-extra05 {
+ background-color: var(--color-extra05);
+}
+
+.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-primary {
+ background-color: var(--color-primary);
+}
+
+.faq-style-4 .faq-accordion .accordion-item .accordion-button.collapsed {
+ border-radius: 10px;
+}
+
+.faq-style-4 .faq-thumbnail {
+ position: relative;
+}
+
+.faq-style-4 .faq-thumbnail .thumbnail {
+ -webkit-mask-image: url(../images/others/mask-09.png);
+ mask-image: url(../images/others/mask-09.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: contain;
+ -webkit-mask-position: center;
+ text-align: center;
+}
+
+.faq-style-4 .faq-thumbnail .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.faq-style-4 .faq-thumbnail .shape-group li.shape-1 {
+ top: -78px;
+ right: 115px;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 991px) {
+ .faq-style-4 .faq-thumbnail .shape-group li.shape-1 {
+ z-index: -1;
+ }
+}
+
+.faq-style-4 .faq-thumbnail .shape-group li.shape-2 {
+ top: 0;
+ right: 30px;
+}
+
+.faq-style-4 .faq-thumbnail .shape-group li.shape-3 {
+ bottom: 40px;
+ left: 10px;
+}
+
+.faq-page-area {
+ overflow: hidden;
+}
+
+.faq-page-nav {
+ padding-right: 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .faq-page-nav {
+ text-align: center;
+ margin-bottom: 40px;
+ padding-right: 0;
+ }
+}
+
+.faq-page-nav .title {
+ margin-bottom: 14px;
+}
+
+.faq-page-nav .nav-tabs {
+ border: none;
+ display: block;
+}
+
+.faq-page-nav .nav-tabs .nav-item {
+ margin: 18px 0;
+}
+
+.faq-page-nav .nav-tabs .nav-link {
+ border: none;
+ background-color: transparent;
+ padding: 5px 0;
+ color: var(--color-heading);
+ font-weight: 600;
+ font-family: var(--font-secondary);
+ position: relative;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+@media only screen and (max-width: 991px) {
+ .faq-page-nav .nav-tabs .nav-link {
+ margin: 0 auto;
+ }
+}
+
+.faq-page-nav .nav-tabs .nav-link:after {
+ content: "\e95a";
+ font-family: var(--font-icomoon);
+ color: var(--color-primary);
+ font-size: 20px;
+ font-weight: 400;
+ position: absolute;
+ top: 1px;
+ left: -20px;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.faq-page-nav .nav-tabs .nav-link.active {
+ padding-left: 30px;
+ color: var(--color-primary);
+}
+
+.faq-page-nav .nav-tabs .nav-link.active:after {
+ font-size: 20px;
+ left: 0;
+ visibility: visible;
+ opacity: 1;
+}
+
+.faq-page-tab-content {
+ position: relative;
+}
+
+.faq-page-tab-content:after {
+ content: url(../images/others/map-shape-1.png);
+ position: absolute;
+ bottom: -90px;
+ right: 70px;
+ z-index: -1;
+}
+
+/*-------------------
+ Features Styles
+---------------------*/
+.features-area-1 .features-box svg {
+ max-width: 37px;
+}
+
+.features-area-1 .features-box:hover .icon svg path {
+ stroke: var(--color-white);
+}
+
+.features-box {
+ padding: 50px 30px;
+ text-align: center;
+ border-radius: 4px;
+ box-shadow: var(--shadow-darker);
+ background-color: var(--color-white);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.features-box .icon {
+ height: 80px;
+ width: 80px;
+ border-radius: 50%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 32px;
+ margin: 0 auto 28px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.features-box .content .title {
+ margin-bottom: 15px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.features-box .content .title span {
+ display: block;
+}
+
+.features-box .content p {
+ color: var(--color-heading);
+ margin-bottom: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.features-box.color-primary-style .icon {
+ background-color: rgba(26, 182, 157, 0.1);
+ color: var(--color-primary);
+}
+
+.features-box.color-primary-style .icon:after {
+ background-color: var(--color-primary);
+}
+
+.features-box.color-primary-style:hover .icon {
+ background-color: #1ab69d;
+ color: var(--color-white);
+}
+
+.features-box.color-secondary-style .icon {
+ background-color: rgba(238, 74, 98, 0.1);
+ color: var(--color-secondary);
+}
+
+.features-box.color-secondary-style .icon:after {
+ background-color: var(--color-secondary);
+}
+
+.features-box.color-secondary-style:hover .icon {
+ background-color: #ee4a62;
+ color: var(--color-white);
+}
+
+.features-box.color-extra05-style .icon {
+ background-color: rgba(248, 148, 31, 0.1);
+ color: var(--color-extra05);
+}
+
+.features-box.color-extra05-style .icon:after {
+ background-color: var(--color-extra05);
+}
+
+.features-box.color-extra05-style:hover .icon {
+ background-color: #f8941f;
+ color: var(--color-white);
+}
+
+.features-box.color-extra08-style .icon {
+ background-color: rgba(70, 100, 228, 0.1);
+ color: var(--color-extra08);
+}
+
+.features-box.color-extra08-style:hover .icon {
+ background-color: #4664e4;
+ color: var(--color-white);
+}
+
+.features-box.color-extra02-style .icon {
+ background-color: rgba(142, 86, 255, 0.1);
+ color: var(--color-extra02);
+}
+
+.features-box.color-extra02-style .icon:after {
+ background-color: var(--color-extra02);
+}
+
+.features-box.color-extra02-style:hover .icon {
+ background-color: #8e56ff;
+ color: var(--color-white);
+}
+
+.features-box.color-extra03-style .icon {
+ background-color: rgba(249, 37, 150, 0.1);
+ color: var(--color-extra03);
+}
+
+.features-box.color-extra03-style .icon:after {
+ background-color: var(--color-extra03);
+}
+
+.features-box.color-extra03-style:hover .icon {
+ background-color: #f92596;
+ color: var(--color-white);
+}
+
+.features-box.color-extra04-style .icon {
+ background-color: rgba(88, 102, 235, 0.1);
+ color: var(--color-extra04);
+}
+
+.features-box.color-extra04-style .icon:after {
+ background-color: var(--color-extra04);
+}
+
+.features-box.color-extra04-style:hover .icon {
+ background-color: #5866eb;
+ color: var(--color-white);
+}
+
+.features-box.features-style-2 {
+ background-color: transparent;
+ box-shadow: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 30px 0;
+ text-align: left;
+ border-right: 1px solid rgba(255, 255, 255, 0.15);
+ padding-left: 40px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .features-box.features-style-2 {
+ padding-left: 0;
+ border-right: none;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .features-box.features-style-2 {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .features-box.features-style-2 {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .features-box.features-style-2 {
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+}
+
+.features-box.features-style-2 .edublink-svg-animate svg path {
+ stroke: #ffffff !important;
+ max-width: 38px;
+}
+
+.features-box.features-style-2:first-child {
+ padding-left: 0;
+}
+
+.features-box.features-style-2:last-child {
+ border-right: none;
+}
+
+.features-box.features-style-2 .icon {
+ margin: 0;
+ background-color: rgba(255, 255, 255, 0.1);
+ color: var(--color-white);
+}
+
+.features-box.features-style-2 .content {
+ padding-left: 20px;
+}
+
+.features-box.features-style-2 .content .title {
+ margin-bottom: 0;
+ font-weight: var(--p-medium);
+ color: var(--color-white);
+}
+
+.features-box.features-style-3 {
+ background-color: transparent;
+ box-shadow: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding: 50px 25px 42px;
+ text-align: left;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .features-box.features-style-3 {
+ padding: 40px 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .features-box.features-style-3 {
+ padding: 30px 25px;
+ }
+}
+
+.features-box.features-style-3:first-child {
+ padding-left: 50px;
+}
+
+@media only screen and (max-width: 767px) {
+ .features-box.features-style-3:first-child {
+ padding-left: 25px;
+ }
+}
+
+.features-box.features-style-3 .icon {
+ margin-top: 2px;
+ height: auto;
+ width: auto;
+ min-width: 50px;
+ background-color: transparent;
+ font-size: 40px;
+ margin-right: 20px;
+ margin-bottom: 0;
+}
+
+.features-box.features-style-3 .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.features-box.features-style-3 .content p {
+ color: var(--color-body);
+}
+
+.features-box.features-style-3:hover .icon {
+ background-color: transparent;
+ color: inherit;
+}
+
+.features-box.features-style-3:hover.color-primary-style {
+ background-color: rgba(26, 182, 157, 0.07);
+}
+
+.features-box.features-style-3:hover.color-primary-style:hover .icon {
+ color: var(--color-primary);
+}
+
+.features-box.features-style-3:hover.color-secondary-style:hover {
+ background-color: rgba(238, 74, 98, 0.07);
+}
+
+.features-box.features-style-3:hover.color-secondary-style:hover .icon {
+ color: var(--color-secondary);
+}
+
+.features-box.features-style-3:hover.color-extra02-style:hover {
+ background-color: rgba(142, 86, 255, 0.07);
+}
+
+.features-box.features-style-3:hover.color-extra02-style:hover .icon {
+ color: var(--color-extra02);
+}
+
+.features-box.features-style-4 {
+ background-color: transparent;
+ box-shadow: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ padding: 0;
+ text-align: left;
+ margin-bottom: 50px;
+}
+
+.features-box.features-style-4 .icon {
+ -webkit-mask-image: url(../images/others/mask-08.png);
+ mask-image: url(../images/others/mask-08.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ height: 83px;
+ width: 109px;
+ font-size: 40px;
+ margin-right: 30px;
+ margin-bottom: 0;
+ border-radius: 0;
+ position: relative;
+}
+
+@media only screen and (max-width: 575px) {
+ .features-box.features-style-4 .icon {
+ margin-right: 15px;
+ }
+}
+
+.features-box.features-style-4 .icon:after {
+ content: "";
+ -webkit-mask-image: url(../images/others/mask-07.png);
+ mask-image: url(../images/others/mask-07.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.features-box.features-style-4 .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.features-box.features-style-4 .content .title {
+ font-weight: var(--p-bold);
+ margin-bottom: 5px;
+}
+
+.features-box.features-style-4 .content p {
+ color: var(--color-body);
+}
+
+.features-grid-wrap {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .features-grid-wrap {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .features-grid-wrap {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .features-grid-wrap {
+ grid-template-columns: repeat(1, 1fr);
+ }
+}
+
+.features-area-2 {
+ background: -webkit-linear-gradient(right, #31b978 0%, #1ab69d 100%);
+ background: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);
+}
+
+.features-area-3 .features-grid-wrap {
+ grid-template-columns: repeat(3, 1fr);
+ background-color: var(--color-white);
+ box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);
+ border-radius: 5px;
+ margin-top: -120px;
+ position: relative;
+ z-index: 2;
+}
+
+@media only screen and (max-width: 991px) {
+ .features-area-3 .features-grid-wrap {
+ grid-template-columns: repeat(1, 1fr);
+ }
+}
+
+.features-area-4 {
+ padding: 120px 0 90px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .features-area-4 {
+ padding: 100px 0 90px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .features-area-4 {
+ padding: 60px 0 80px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .features-area-4 {
+ padding: 60px 0;
+ }
+}
+
+/*-------------------
+ Gallery Styles
+---------------------*/
+.edu-gallery-area .gallery-grid-wrap {
+ margin: -15px;
+}
+
+.edu-gallery-grid {
+ position: relative;
+ display: block;
+ padding: 15px;
+ width: 33.33%;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-gallery-grid {
+ width: 50%;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-gallery-grid {
+ width: 100%;
+ }
+}
+
+.edu-gallery-grid .thumbnail {
+ position: relative;
+}
+
+.edu-gallery-grid .thumbnail img {
+ border-radius: 5px;
+ width: 100%;
+}
+
+.edu-gallery-grid .thumbnail::before {
+ background: -webkit-linear-gradient(235deg, #31b978 0%, #1ab69d 100%);
+ background: linear-gradient(-145deg, #31b978 0%, #1ab69d 100%);
+ border-radius: 5px;
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+.edu-gallery-grid .zoom-icon {
+ opacity: 0;
+ position: absolute;
+ top: 55%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ height: 70px;
+ width: 70px;
+ line-height: 70px;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ text-align: center;
+ font-size: 20px;
+ color: var(--color-primary);
+ cursor: pointer;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-gallery-grid .zoom-icon {
+ width: 50px;
+ height: 50px;
+ line-height: 52px;
+ font-size: 16px;
+ }
+}
+
+.edu-gallery-grid:hover .thumbnail:before {
+ opacity: .9;
+}
+
+.edu-gallery-grid:hover .zoom-icon {
+ top: 50%;
+ opacity: 1;
+}
+
+/*-------------------
+ Hero Banner Styles
+---------------------*/
+.hero-banner {
+ min-height: 660px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner {
+ min-height: 600px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner {
+ min-height: 100%;
+ }
+}
+
+.hero-banner .banner-content {
+ position: relative;
+ z-index: 1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner .banner-content {
+ text-align: center;
+ margin-bottom: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner .banner-content {
+ text-align: center;
+ margin-bottom: 40px;
+ }
+}
+
+.hero-banner .banner-content .subtitle {
+ font-family: var(--font-secondary);
+ font-weight: var(--p-bold);
+ color: var(--color-tertiary);
+ text-transform: uppercase;
+ letter-spacing: 2.6px;
+ font-size: 16px;
+ margin-bottom: 20px;
+ display: block;
+}
+
+.hero-banner .banner-content .title {
+ margin-bottom: 18px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner .banner-content .title br {
+ display: none;
+ }
+}
+
+.hero-banner .banner-content p {
+ color: var(--color-heading);
+ font-size: 18px;
+}
+
+.hero-banner .banner-content .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.hero-banner .banner-content .shape-group li.shape-1 {
+ top: -75px;
+ left: -90px;
+}
+
+.hero-banner .banner-thumbnail {
+ margin-right: -75px;
+ position: relative;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner .banner-thumbnail {
+ margin-right: 0;
+ }
+}
+
+.hero-banner .banner-thumbnail .thumbnail {
+ text-align: right;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner .banner-thumbnail .thumbnail {
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner .banner-thumbnail .thumbnail {
+ text-align: center;
+ }
+}
+
+.hero-banner .banner-thumbnail .instructor-info {
+ position: absolute;
+ bottom: 70px;
+ left: 0;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner .banner-thumbnail .instructor-info {
+ bottom: 40px;
+ }
+}
+
+.hero-banner .banner-thumbnail .instructor-info .inner {
+ background-color: var(--color-white);
+ border-radius: 10px;
+ padding: 26px 30px 16px;
+ box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
+}
+
+.hero-banner .banner-thumbnail .instructor-info .inner .title {
+ margin-bottom: 5px;
+}
+
+.hero-banner .banner-thumbnail .instructor-info .inner .media {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.hero-banner .banner-thumbnail .instructor-info .inner .media .thumb {
+ margin-left: -2px;
+}
+
+.hero-banner .banner-thumbnail .instructor-info .inner .media .content {
+ line-height: 1;
+ color: var(--color-heading);
+ font-weight: 500;
+ margin-top: 10px;
+}
+
+.hero-banner .banner-thumbnail .instructor-info .inner .media .content span {
+ display: block;
+ font-weight: 700;
+ color: var(--color-secondary);
+}
+
+.hero-banner .banner-thumbnail .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.hero-banner .banner-thumbnail .shape-group li.shape-1 {
+ top: 50px;
+ left: 160px;
+}
+
+.hero-banner .banner-thumbnail .shape-group li.shape-2 {
+ top: 115px;
+ left: 170px;
+}
+
+.hero-banner .banner-thumbnail .shape-group li.shape-3 {
+ top: 45%;
+ left: 17%;
+}
+
+.hero-banner .banner-thumbnail .shape-group li.shape-3 span.circle-shape {
+ width: 41px;
+ height: 41px;
+ background: var(--color-tertiary);
+ border-radius: 100%;
+}
+
+.hero-banner .banner-thumbnail .shape-group li.shape-4 {
+ top: 114px;
+ right: 41px;
+ z-index: 1;
+}
+
+.hero-banner .banner-thumbnail .shape-group li.shape-5 {
+ bottom: 100px;
+ right: -50px;
+}
+
+.hero-banner .banner-thumbnail .shape-group li.shape-6 {
+ bottom: 132px;
+ right: -98px;
+}
+
+.hero-banner.presentation-hero-style {
+ min-height: 745px;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ z-index: 1;
+ -webkit-clip-path: none;
+ clip-path: none;
+ min-height: 930px;
+ margin-top: -110px;
+}
+
+.hero-banner.presentation-hero-style::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-27.png);
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.presentation-hero-style {
+ min-height: 740px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.presentation-hero-style {
+ min-height: 600px;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-content {
+ text-align: center;
+ padding-bottom: 30px;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.presentation-hero-style .banner-content {
+ padding: 160px 0;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-content .subtitle {
+ letter-spacing: 1px;
+ background: #31B978;
+ background: -webkit-linear-gradient(right, #31B978 0%, #1AB69D 76%);
+ background: linear-gradient(to left, #31B978 0%, #1AB69D 76%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ margin-bottom: 40px;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.presentation-hero-style .banner-content .subtitle {
+ font-size: 14px;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-content .title {
+ margin-bottom: 40px;
+}
+
+.hero-banner.presentation-hero-style .banner-content:before, .hero-banner.presentation-hero-style .banner-content:after {
+ content: '';
+ display: block;
+ position: absolute;
+ z-index: -1;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid #dae1e3;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.presentation-hero-style .banner-content:before, .hero-banner.presentation-hero-style .banner-content:after {
+ display: none;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-content:before {
+ height: 570px;
+ width: 570px;
+ top: -140px;
+ left: 200px;
+ -webkit-animation: ripple_3 2.5s linear 1s infinite;
+ animation: ripple_3 2.5s linear 1s infinite;
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.presentation-hero-style .banner-content:before {
+ left: 110px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.presentation-hero-style .banner-content:before {
+ height: 400px;
+ width: 400px;
+ left: 154px;
+ top: -70px;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-content:after {
+ height: 370px;
+ width: 370px;
+ top: -43px;
+ left: 299px;
+ -webkit-animation: ripple_3 2.5s linear infinite;
+ animation: ripple_3 2.5s linear infinite;
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.presentation-hero-style .banner-content:after {
+ left: 210px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.presentation-hero-style .banner-content:after {
+ height: 300px;
+ width: 300px;
+ left: 202px;
+ top: -16px;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-content p {
+ width: 70%;
+ margin: 0 auto 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.presentation-hero-style .banner-content p {
+ width: 100%;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-gallery {
+ display: block;
+ position: initial;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.presentation-hero-style .banner-gallery {
+ display: none;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail {
+ position: absolute;
+ z-index: 2;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.presentation-hero-style .banner-gallery .thumbnail img {
+ width: 75%;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.presentation-hero-style .banner-gallery .thumbnail img {
+ width: 65%;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-1 {
+ top: 225px;
+ left: 0;
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-1 img {
+ -webkit-animation: none;
+ animation: none;
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-2 {
+ top: inherit;
+ bottom: 158px;
+ right: inherit;
+ left: 0;
+ padding: 0;
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-3 {
+ top: 195px;
+ right: 0;
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-3 img {
+ border-radius: 0;
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-4 {
+ bottom: 180px;
+ right: 0;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
+ .hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-4 {
+ right: -115px;
+ }
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 {
+ top: 135px;
+ left: 325px;
+ border-radius: 10px;
+}
+
+.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 img {
+ border-radius: 10px;
+ box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.04);
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.presentation-hero-style .shape-group {
+ display: none;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.presentation-hero-style .shape-group li img {
+ width: 75%;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.presentation-hero-style .shape-group li img {
+ width: 65%;
+ }
+}
+
+.hero-banner.presentation-hero-style .shape-group li.shape-1 {
+ top: auto;
+ bottom: 37%;
+ left: 19%;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.presentation-hero-style .shape-group li.shape-1 {
+ bottom: 32%;
+ left: 19%;
+ }
+}
+
+.hero-banner.presentation-hero-style .shape-group li.shape-1 img {
+ opacity: 1;
+}
+
+.hero-banner.presentation-hero-style .shape-group li.shape-2 {
+ top: auto;
+ bottom: 29%;
+ left: 20%;
+ z-index: 2;
+}
+
+.hero-banner.presentation-hero-style .shape-group li.shape-3 {
+ top: 145px;
+ bottom: auto;
+ left: auto;
+ right: 13%;
+}
+
+.hero-banner.presentation-hero-style .shape-group li.shape-4 {
+ top: 29%;
+ bottom: auto;
+ left: auto;
+ right: 15%;
+ z-index: 2;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.presentation-hero-style .shape-group li.shape-4 {
+ top: 19%;
+ right: 23%;
+ }
+}
+
+.hero-banner.presentation-hero-style .shape-group li.shape-4 span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 16px solid var(--color-tertiary);
+ border-radius: 50%;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.presentation-hero-style .shape-group li.shape-4 span {
+ height: 50px;
+ width: 50px;
+ border: 7px solid var(--color-tertiary);
+ }
+}
+
+.hero-banner.hero-style-1 {
+ -webkit-box-align: end;
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ position: relative;
+ background-color: var(--bg-color);
+}
+
+.hero-banner.hero-style-1::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/banner/BG-1.png);
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-1::before {
+ display: none;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-1 {
+ padding-top: 95px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-1 {
+ padding-top: 75px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-1 .banner-content .shape-group {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-1 .banner-thumbnail .shape-group {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-1 .banner-thumbnail .shape-group .shape-1 {
+ -webkit-animation: edublink-sm-x-move 3.5s alternate infinite linear;
+ animation: edublink-sm-x-move 3.5s alternate infinite linear;
+}
+
+.hero-banner.hero-style-1 .shape-7 {
+ position: absolute;
+ right: -6px;
+ top: 13%;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-1 .shape-7 {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-1 .shape-7 img {
+ filter: opacity(0.7);
+ -webkit-filter: opacity(0.7);
+}
+
+.hero-banner.hero-style-2 {
+ padding: 143px 0 180px;
+ background-position: center bottom;
+ position: relative;
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-2 {
+ padding: 0;
+ }
+}
+
+.hero-banner.hero-style-2::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: url(../images/bg/bg-image-1.svg);
+ -webkit-filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(503%) hue-rotate(316deg) brightness(103%) contrast(92%);
+ filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(503%) hue-rotate(316deg) brightness(103%) contrast(92%);
+ background-size: cover;
+ background-position: center;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-2 {
+ padding: 100px 0 150px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-2 {
+ padding: 80px 0 150px;
+ }
+}
+
+.hero-banner.hero-style-2 .banner-gallery {
+ text-align: right;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ position: relative;
+ z-index: 1;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-1 img {
+ border-radius: 0 70px 0 110px;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {
+ padding-top: 120px;
+ padding-left: 30px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {
+ text-align: left;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {
+ text-align: left;
+ padding-top: 0;
+ }
+}
+
+.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 img {
+ border-radius: 50px 0 90px 0;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .online-support {
+ position: absolute;
+ left: 50px;
+ bottom: 40px;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-2 .banner-gallery .online-support {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-2 .banner-gallery .online-support .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 30px;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
+ background: #FFFFFF;
+ border-radius: 50px 10px 50px 10px;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .online-support .inner .icon {
+ width: 50px;
+ height: 50px;
+ background: rgba(238, 74, 98, 0.1);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 50%;
+ margin-right: 15px;
+ color: var(--color-secondary);
+ font-size: 22px;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content {
+ text-align: left;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .subtitle {
+ font-size: 13px;
+ font-weight: var(--p-bold);
+ color: rgba(20, 20, 23, 0.5);
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ display: block;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title {
+ font-weight: var(--p-medium);
+ line-height: 1;
+ margin-bottom: 0;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title a {
+ color: var(--color-secondary);
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-2 .banner-gallery .shape-group {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-2 .banner-gallery .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-1 {
+ top: -58px;
+ right: 125px;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-2 {
+ top: 85px;
+ right: -50px;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-3 {
+ bottom: 30px;
+ right: -108px;
+}
+
+.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-4 {
+ bottom: -10px;
+ left: -12px;
+}
+
+.hero-banner.hero-style-3 {
+ min-height: 715px;
+ position: relative;
+ z-index: 1;
+ -webkit-mask-image: url(../images/others/mask-01.png);
+ mask-image: url(../images/others/mask-01.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-3 {
+ min-height: 100%;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-3 {
+ min-height: 100%;
+ }
+}
+
+.hero-banner.hero-style-3 .swiper-slide {
+ padding: 0;
+ display: block;
+}
+
+.hero-banner.hero-style-3 .swiper-slide:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%);
+ background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1;
+}
+
+.hero-banner.hero-style-3 .swiper-slide img {
+ -webkit-transform: scale(1.4);
+ -ms-transform: scale(1.4);
+ transform: scale(1.4);
+ -webkit-transition: -webkit-transform 5s linear;
+ transition: -webkit-transform 5s linear;
+ transition: transform 5s linear;
+ transition: transform 5s linear, -webkit-transform 5s linear;
+ max-width: 100%;
+ width: 100%;
+ background-size: cover;
+ background-position: 100%;
+ min-height: 715px;
+ object-fit: cover;
+}
+
+.hero-banner.hero-style-3 .swiper-slide.swiper-slide-duplicate-active img, .hero-banner.hero-style-3 .swiper-slide.swiper-slide.swiper-slide-active img {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+
+.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content {
+ max-width: 560px;
+ position: absolute;
+ left: 0;
+ bottom: 280px;
+ z-index: 12;
+}
+
+@media only screen and (min-width: 1401px) and (max-width: 1650px) {
+ .hero-banner.hero-style-3 .thumbnail-bg-content .banner-content {
+ bottom: 240px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-3 .thumbnail-bg-content .banner-content {
+ max-width: 100%;
+ bottom: 220px;
+ }
+}
+
+.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content .subtitle {
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transform: translateY(50px);
+ -ms-transform: translateY(50px);
+ transform: translateY(50px);
+ -webkit-transition-delay: 1500ms;
+ transition-delay: 1500ms;
+}
+
+.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content .title {
+ color: var(--color-white);
+ font-weight: var(--p-extra-bold);
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transform: translateY(60px);
+ -ms-transform: translateY(60px);
+ transform: translateY(60px);
+ -webkit-transition-delay: 1700ms;
+ transition-delay: 1700ms;
+}
+
+.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content p {
+ color: var(--color-white);
+ font-size: 18px;
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transform: translateY(70px);
+ -ms-transform: translateY(70px);
+ transform: translateY(70px);
+ -webkit-transition-delay: 1900ms;
+ transition-delay: 1900ms;
+}
+
+.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content .banner-btn {
+ opacity: 0;
+ -webkit-transform: translateY(80px);
+ -ms-transform: translateY(80px);
+ transform: translateY(80px);
+ -webkit-transition-delay: 2100ms;
+ transition-delay: 2100ms;
+}
+
+.hero-banner.hero-style-3 .swiper-slide-active .thumbnail-bg-content .banner-content .subtitle {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ transform: translateY(0px);
+}
+
+.hero-banner.hero-style-3 .swiper-slide-active .thumbnail-bg-content .banner-content .title {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ transform: translateY(0px);
+}
+
+.hero-banner.hero-style-3 .swiper-slide-active .thumbnail-bg-content .banner-content p {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ transform: translateY(0px);
+}
+
+.hero-banner.hero-style-3 .swiper-slide-active .thumbnail-bg-content .banner-content .banner-btn {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translateY(0px);
+ -ms-transform: translateY(0px);
+ transform: translateY(0px);
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-3 .shape-group {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-3 .shape-group {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-3 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: 1;
+}
+
+.hero-banner.hero-style-3 .shape-group li.shape-1 {
+ top: 45px;
+ left: 8.2%;
+}
+
+@media only screen and (min-width: 1600px) and (max-width: 1919px) {
+ .hero-banner.hero-style-3 .shape-group li.shape-1 {
+ left: 4.2%;
+ }
+}
+
+@media only screen and (max-width: 1650px) {
+ .hero-banner.hero-style-3 .shape-group li.shape-1 {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-3 .shape-group li.shape-2 {
+ top: 21px;
+ left: 26%;
+}
+
+.hero-banner.hero-style-3 .shape-group li.shape-3 {
+ top: -290px;
+ left: -153px;
+}
+
+.hero-banner.hero-style-3 .hero-slider-bg-controls {
+ position: absolute;
+ right: 70px;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ z-index: 10;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-3 .hero-slider-bg-controls {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-3 .hero-slider-bg-controls .swiper-slide-controls {
+ display: inline-block;
+ width: 60px;
+ height: 60px;
+ line-height: 60px;
+ -webkit-transition: all .4s ease-out;
+ transition: all .4s ease-out;
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ cursor: pointer;
+}
+
+.hero-banner.hero-style-3 .hero-slider-bg-controls .swiper-slide-controls i {
+ font-size: 20px;
+ line-height: 58px;
+}
+
+.hero-banner.hero-style-3 .hero-slider-bg-controls .swiper-slide-controls:hover {
+ -webkit-transition: all .4s ease-out;
+ transition: all .4s ease-out;
+ background-color: var(--color-secondary);
+ color: var(--color-white);
+}
+
+.hero-banner.hero-style-3 .hero-slider-bg-controls .slide-prev,
+ .hero-banner.hero-style-3 .hero-slider-bg-controls .slide-next {
+ position: relative;
+ width: 60px !important;
+ margin-left: auto;
+ margin-right: 6px;
+ text-align: center;
+ border-radius: 50%;
+ box-shadow: var(--shadow-darker3);
+}
+
+.hero-banner.hero-style-3 .hero-slider-bg-controls .slide-next {
+ right: 0px;
+ top: -69px;
+}
+
+.hero-banner.hero-style-3 .hero-slider-bg-controls .slide-prev {
+ right: -70px;
+ top: 0;
+}
+
+.hero-banner.hero-style-4 {
+ min-height: 745px;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ z-index: 1;
+ -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 100%);
+ clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 100%);
+}
+
+.hero-banner.hero-style-4::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-18.png);
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-4 {
+ -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 97%);
+ clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 97%);
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 {
+ -webkit-clip-path: none;
+ clip-path: none;
+ }
+}
+
+.hero-banner.hero-style-4 .banner-content {
+ text-align: center;
+ padding-bottom: 30px;
+}
+
+.hero-banner.hero-style-4 .banner-content p {
+ width: 70%;
+ margin: 0 auto 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-4 .banner-content p {
+ width: 100%;
+ }
+}
+
+.hero-banner.hero-style-4 .banner-gallery {
+ display: block;
+ position: initial;
+}
+
+.hero-banner.hero-style-4 .banner-gallery .thumbnail {
+ position: absolute;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail {
+ width: 17%;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail {
+ width: 15%;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail {
+ width: 30%;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 {
+ top: 140px;
+ left: 120px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 {
+ left: 30px;
+ }
+}
+
+@media only screen and (max-width: 1200px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 {
+ left: 80px;
+ }
+}
+
+.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 img {
+ border-radius: 0;
+ -webkit-animation: radiusChange 8s linear infinite;
+ animation: radiusChange 8s linear infinite;
+}
+
+.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 {
+ top: 100px;
+ right: 120px;
+ padding-top: 0;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 {
+ right: 40px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 {
+ right: 15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 {
+ right: 15px;
+ }
+}
+
+.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 img {
+ border-radius: 50px 0px;
+ -webkit-animation: radiusChange2 5s linear;
+ animation: radiusChange2 5s linear;
+}
+
+.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {
+ bottom: 160px;
+ right: 310px;
+ padding-top: 0;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {
+ right: 200px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {
+ right: 100px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {
+ right: 15px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {
+ right: 15px;
+ }
+}
+
+.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 img {
+ border-radius: 10px 40px;
+}
+
+.hero-banner.hero-style-4 .banner-gallery .online-support {
+ position: absolute;
+ left: 240px;
+ bottom: 160px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-4 .banner-gallery .online-support {
+ left: 100px;
+ bottom: 100px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-4 .banner-gallery .online-support {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 .banner-gallery .online-support {
+ left: 0;
+ bottom: -40px;
+ }
+}
+
+.hero-banner.hero-style-4 .banner-gallery .online-support .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 30px;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
+ background: #FFFFFF;
+ border-radius: 50px 10px 50px 10px;
+}
+
+.hero-banner.hero-style-4 .banner-gallery .online-support .inner .icon {
+ width: 50px;
+ height: 50px;
+ background: rgba(238, 74, 98, 0.1);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-radius: 50%;
+ margin-right: 15px;
+ color: var(--color-secondary);
+ font-size: 22px;
+}
+
+.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content {
+ text-align: left;
+}
+
+.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .subtitle {
+ font-size: 13px;
+ font-weight: var(--p-bold);
+ color: rgba(20, 20, 23, 0.5);
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ display: block;
+}
+
+.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title {
+ color: var(--color-heading);
+ font-weight: var(--p-medium);
+ line-height: 1;
+ margin-bottom: 0;
+}
+
+.hero-banner.hero-style-4 .scroll-down-btn {
+ position: absolute;
+ bottom: -75px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 .scroll-down-btn {
+ bottom: -10px;
+ z-index: 12;
+ }
+}
+
+.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn {
+ height: 200px;
+ width: 200px;
+ background-color: rgba(255, 255, 255, 0.5);
+ border-radius: 50%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: relative;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn {
+ height: 50px;
+ width: 50px;
+ background-color: white;
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn i {
+ padding-top: 40px;
+ font-size: 26px;
+ color: var(--color-primary);
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn i {
+ font-size: 16px;
+ padding-top: 0;
+ }
+}
+
+.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before, .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid #dfe7e9;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before, .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before {
+ -webkit-animation: ripple_2 3s linear infinite;
+ animation: ripple_2 3s linear infinite;
+}
+
+.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after {
+ -webkit-animation: ripple_2 3s linear 1s infinite;
+ animation: ripple_2 3s linear 1s infinite;
+}
+
+.hero-banner.hero-style-4 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-4 .shape-group li {
+ width: 10%;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-4 .shape-group li {
+ width: 10%;
+ }
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-1 {
+ top: 50px;
+ left: 195px;
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-1 img {
+ opacity: .5;
+}
+
+@media only screen and (max-width: 1599px) {
+ .hero-banner.hero-style-4 .shape-group li.shape-1 {
+ left: 161px;
+ }
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-2 {
+ top: 85px;
+ left: 335px;
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-2 img {
+ width: 130px;
+}
+
+@media only screen and (max-width: 1599px) {
+ .hero-banner.hero-style-4 .shape-group li.shape-2 {
+ left: 215px;
+ }
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-3 {
+ bottom: 200px;
+ left: 130px;
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-4 {
+ bottom: 220px;
+ left: 26%;
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-5 {
+ top: 35px;
+ right: 24%;
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-6 {
+ top: 66px;
+ right: 88px;
+}
+
+@media only screen and (max-width: 1599px) {
+ .hero-banner.hero-style-4 .shape-group li.shape-6 {
+ right: 8px;
+ }
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-7 {
+ bottom: 210px;
+ right: 60px;
+}
+
+@media only screen and (max-width: 1599px) {
+ .hero-banner.hero-style-4 .shape-group li.shape-7 {
+ bottom: 220px;
+ right: -50px;
+ }
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-7 img {
+ opacity: .3;
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-8 {
+ z-index: -2;
+ bottom: 120px;
+ left: -95px;
+}
+
+.hero-banner.hero-style-4 .shape-group li.shape-8 span {
+ display: block;
+ height: 270px;
+ width: 270px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.hero-banner.hero-style-5 {
+ background-color: var(--color-lighten04);
+ -webkit-mask-image: url(../images/others/mask-02.png);
+ mask-image: url(../images/others/mask-02.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ min-height: 715px;
+ position: relative;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-5 {
+ padding: 100px 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-5 {
+ padding: 80px 0;
+ }
+}
+
+.hero-banner.hero-style-5 .banner-thumbnail {
+ margin-right: 0;
+ text-align: right;
+ padding: 40px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-5 .banner-thumbnail {
+ text-align: center;
+ }
+}
+
+.hero-banner.hero-style-5 .banner-thumbnail .thumbnail {
+ display: inline-block;
+ background-color: var(--color-white);
+ border-radius: 10px;
+ padding: 20px;
+ box-shadow: var(--shadow-darker);
+ position: relative;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .hero-banner.hero-style-5 .banner-thumbnail .shape-group {
+ display: block;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-5 .banner-thumbnail .shape-group li {
+ width: 100%;
+ }
+}
+
+.hero-banner.hero-style-5 .banner-thumbnail .shape-group img {
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 {
+ top: 0;
+ left: auto;
+ right: 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 {
+ left: 0;
+ right: 0;
+ }
+}
+
+.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-2 {
+ top: auto;
+ bottom: 85px;
+ left: 52px;
+ z-index: 1;
+}
+
+.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-3 {
+ top: 18px;
+ left: auto;
+ right: -45px;
+ z-index: -2;
+}
+
+.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-4 {
+ top: -45px;
+ right: 8px;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-5 .shape-group {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-5 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-5 .shape-group li {
+ width: 15%;
+ }
+}
+
+.hero-banner.hero-style-5 .shape-group li.shape-1 {
+ top: 40px;
+ left: 70px;
+}
+
+.hero-banner.hero-style-5 .shape-group li.shape-2 {
+ bottom: 28px;
+ left: 160px;
+}
+
+.hero-banner.hero-style-5 .shape-group li.shape-3 {
+ top: 85px;
+ left: 46%;
+}
+
+.hero-banner.hero-style-5 .shape-group li.shape-4 {
+ bottom: 70px;
+ right: 205px;
+}
+
+.hero-banner.hero-style-5 .shape-group li.shape-5 {
+ top: 55px;
+ right: 75px;
+}
+
+.hero-banner.hero-style-6 {
+ min-height: 710px;
+ position: relative;
+ z-index: 1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-6 {
+ padding: 100px 0 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-6 {
+ padding: 80px 0 0;
+ }
+}
+
+.hero-banner.hero-style-6:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: var(--color-lighten01);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ -webkit-mask-image: url(../images/others/mask-03.png);
+ mask-image: url(../images/others/mask-03.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+}
+
+.hero-banner.hero-style-6 .banner-thumbnail {
+ margin-right: -15px;
+ text-align: right;
+ margin-bottom: -125px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-6 .banner-thumbnail {
+ margin-bottom: 0;
+ margin-right: 0;
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-6 .banner-thumbnail {
+ margin-bottom: 0;
+ margin-right: 0;
+ text-align: center;
+ }
+}
+
+.hero-banner.hero-style-6 .banner-thumbnail .thumbnail {
+ display: inline-block;
+ position: relative;
+}
+
+@media only screen and (max-width: 1199px), only screen and (max-width: 767px) {
+ .hero-banner.hero-style-6 .banner-thumbnail .shape-group {
+ display: block;
+ }
+}
+
+.hero-banner.hero-style-6 .banner-thumbnail .shape-group img {
+ opacity: 1;
+}
+
+.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 {
+ top: 80px;
+ left: auto;
+ right: 15px;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 {
+ right: inherit;
+ left: 180px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 {
+ left: 60px;
+ }
+}
+
+.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-2 {
+ top: auto;
+ bottom: 250px;
+ left: 80px;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-2 {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-3 {
+ top: 80px;
+ left: auto;
+ right: -75px;
+ z-index: -2;
+}
+
+.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-4 {
+ top: 26px;
+ right: 22px;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-4 {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-6 .shape-group {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-6 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.hero-banner.hero-style-6 .shape-group li img {
+ opacity: .2;
+}
+
+.hero-banner.hero-style-6 .shape-group li.shape-1 {
+ top: 45px;
+ left: 250px;
+}
+
+.hero-banner.hero-style-6 .shape-group li.shape-2 {
+ bottom: 26px;
+ left: 115px;
+}
+
+.hero-banner.hero-style-6 .shape-group li.shape-3 {
+ top: 25px;
+ right: 0px;
+ z-index: -1;
+}
+
+.hero-banner.hero-style-7 {
+ min-height: 820px;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ background: -webkit-linear-gradient(right, rgba(49, 185, 120, 0.2) 0%, rgba(26, 182, 157, 0.2) 100%);
+ background: linear-gradient(-90deg, rgba(49, 185, 120, 0.2) 0%, rgba(26, 182, 157, 0.2) 100%);
+ overflow: hidden;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-7 {
+ min-height: 100%;
+ padding: 80px 0 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-7 {
+ min-height: 100%;
+ padding: 60px 0 80px;
+ }
+}
+
+.hero-banner.hero-style-7 .banner-content {
+ text-align: center;
+ padding-top: 30px;
+ z-index: 2;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-7 .banner-content {
+ padding-top: 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-7 .banner-content {
+ padding-top: 0;
+ }
+}
+
+.hero-banner.hero-style-7 .banner-content p {
+ width: 70%;
+ margin: 0 auto 30px;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-7 .banner-content p {
+ width: 100%;
+ }
+}
+
+.hero-banner.hero-style-7 .banner-content .features-list {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin: 0 -50px;
+ padding-top: 65px;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-7 .banner-content .features-list {
+ margin: 0 -20px;
+ padding-top: 50px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .hero-banner.hero-style-7 .banner-content .features-list {
+ margin: 0 -5px;
+ }
+}
+
+.hero-banner.hero-style-7 .banner-content .features-box {
+ background-color: transparent;
+ padding: 0;
+ box-shadow: none;
+ margin: 0 50px;
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-7 .banner-content .features-box {
+ margin: 0 20px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .hero-banner.hero-style-7 .banner-content .features-box {
+ margin: 0 5px;
+ }
+}
+
+.hero-banner.hero-style-7 .banner-content .features-box .icon {
+ color: var(--color-white);
+}
+
+@media only screen and (max-width: 575px) {
+ .hero-banner.hero-style-7 .banner-content .features-box .content .title {
+ font-size: 14px;
+ }
+}
+
+.hero-banner.hero-style-7 .banner-content .features-box.color-extra02-style .icon {
+ background-color: #8e56ff;
+}
+
+.hero-banner.hero-style-7 .banner-content .features-box.color-secondary-style .icon {
+ background-color: #ee4a62;
+}
+
+.hero-banner.hero-style-7 .banner-content .features-box.color-primary-style .icon {
+ background-color: #1ab69d;
+}
+
+.hero-banner.hero-style-7 .banner-gallery {
+ display: block;
+ position: initial;
+}
+
+.hero-banner.hero-style-7 .banner-gallery .thumbnail {
+ position: absolute;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail {
+ width: 20%;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail {
+ width: 20%;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-7 .banner-gallery .thumbnail img {
+ border-radius: 0;
+}
+
+.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 {
+ bottom: 160px;
+ left: 130px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 {
+ left: 20px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 {
+ bottom: 50%;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 {
+ bottom: 50%;
+ }
+}
+
+.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 {
+ bottom: 120px;
+ right: 150px;
+ padding-top: 0;
+}
+
+@media only screen and (max-width: 1650px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 {
+ right: 20px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 {
+ bottom: 50%;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 {
+ bottom: 50%;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-7 .shape-group {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-7 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.hero-banner.hero-style-7 .shape-group li img {
+ opacity: .3;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-1 {
+ top: 100px;
+ left: 82px;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-2 {
+ top: 47%;
+ left: 24%;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-3 {
+ bottom: 0;
+ left: 44%;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-4 {
+ top: 220px;
+ right: 21%;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-5 {
+ top: 135px;
+ right: 65px;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-6 {
+ top: -60px;
+ left: 35%;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-6 img {
+ opacity: 1;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-7 {
+ bottom: -35px;
+ right: 21%;
+}
+
+.hero-banner.hero-style-7 .shape-group li.shape-7 img {
+ opacity: 1;
+}
+
+/*-------------------
+ Instagram Styles
+---------------------*/
+.instagram-grid {
+ text-align: center;
+}
+
+.instagram-grid a {
+ position: relative;
+ border-radius: 5px;
+ overflow: hidden;
+ display: block;
+}
+
+.instagram-grid a img {
+ border-radius: 5px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ width: 100%;
+}
+
+.instagram-grid a:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: var(--color-black);
+ border-radius: 5px;
+ opacity: .5;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.instagram-grid a .user-info {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ -webkit-transform: translateY(-50%) scale(1.5);
+ -ms-transform: translateY(-50%) scale(1.5);
+ transform: translateY(-50%) scale(1.5);
+ z-index: 1;
+ color: var(--color-white);
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.instagram-grid a .user-info .icon {
+ display: block;
+ font-size: 26px;
+}
+
+.instagram-grid a .user-info .user-name {
+ font-size: 18px;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-semi-bold);
+}
+
+.instagram-grid:hover a img {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+.instagram-grid:hover a:after {
+ visibility: visible;
+ opacity: .5;
+}
+
+.instagram-grid:hover a .user-info {
+ -webkit-transform: translateY(-50%) scale(1);
+ -ms-transform: translateY(-50%) scale(1);
+ transform: translateY(-50%) scale(1);
+ visibility: visible;
+ opacity: 1;
+}
+
+/*-------------------
+ Pricing Table Styles
+---------------------*/
+.pricing-table {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ border-radius: 5px;
+ padding: 50px 30px 45px;
+ position: relative;
+ text-align: center;
+}
+
+.pricing-table .pricing-header {
+ margin-bottom: 35px;
+ text-align: center;
+ border-bottom: 1px solid #e7e7e7;
+}
+
+.pricing-table .pricing-header .price-wrap {
+ font-family: var(--font-secondary);
+ line-height: 1;
+ margin-bottom: 20px;
+}
+
+.pricing-table .pricing-header .price-wrap .amount {
+ font-weight: var(--p-bold);
+ font-size: 40px;
+ color: var(--color-heading);
+ display: block;
+ margin-bottom: 18px;
+}
+
+.pricing-table .pricing-header .price-wrap .duration {
+ color: var(--color-body);
+ font-size: 15px;
+ font-weight: var(--p-medium);
+}
+
+.pricing-table .pricing-header .title {
+ text-transform: uppercase;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-medium);
+ font-size: 15px;
+ color: var(--color-primary);
+ margin-bottom: 18px;
+}
+
+.pricing-table .pricing-body {
+ margin-bottom: 40px;
+}
+
+.pricing-table .pricing-body .list-item li {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: var(--color-heading);
+}
+
+.pricing-table .pricing-body .list-item li i {
+ color: var(--color-primary);
+ margin-right: 10px;
+}
+
+.pricing-table .pricing-body .list-item li + li {
+ margin-top: 16px;
+}
+
+.pricing-table .pricing-body .list-item li.item-off {
+ color: var(--color-body);
+}
+
+.pricing-table .pricing-body .list-item li.item-off i {
+ color: var(--color-body);
+ opacity: .5;
+}
+
+.pricing-table .edu-btn.btn-border {
+ padding: 0 30px;
+}
+
+.pricing-table .edu-btn.btn-border i {
+ font-size: 15px;
+ font-weight: 600;
+ top: 2px;
+ padding-left: 10px;
+}
+
+.pricing-table .edu-btn.btn-border:after {
+ display: block;
+}
+
+.pricing-table:hover .edu-btn {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ border-color: var(--color-primary);
+}
+
+/*-------------------
+ Privacy Policy Style
+---------------------*/
+.privacy-policy-area {
+ padding: 120px 0 100px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .privacy-policy-area {
+ padding: 100px 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .privacy-policy-area {
+ padding: 80px 0;
+ }
+}
+
+.privacy-policy {
+ padding-right: 50px;
+}
+
+.privacy-policy h4.title {
+ margin-bottom: 25px;
+}
+
+.privacy-policy p {
+ margin-bottom: 28px;
+}
+
+.privacy-policy .text-block {
+ margin-bottom: 60px;
+}
+
+@media only screen and (max-width: 767px) {
+ .privacy-policy .text-block {
+ margin-bottom: 50px;
+ }
+}
+
+.privacy-policy .text-block:last-child {
+ margin-bottom: 0;
+}
+
+.privacy-policy ul li {
+ padding-left: 30px;
+ position: relative;
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
+
+.privacy-policy ul li:after {
+ content: "\e913";
+ font-family: var(--font-icomoon);
+ color: var(--color-primary);
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+/*----------------------------
+ Product Details Styles
+------------------------------*/
+.product-details-area {
+ padding-bottom: 95px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .product-details-area {
+ padding-bottom: 70px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .product-details-area {
+ padding-bottom: 50px;
+ }
+}
+
+.product-details-area .thumbnail {
+ border: 1px solid var(--color-border);
+ text-align: center;
+}
+
+.product-details-area .content .title {
+ margin-bottom: 12px;
+}
+
+.product-details-area .content .product-rating {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ margin-bottom: 10px;
+}
+
+.product-details-area .content .product-rating .rating {
+ margin-right: 5px;
+}
+
+.product-details-area .content .product-rating .rating i {
+ font-size: 14px;
+ color: #f8b81f;
+ padding: 0;
+}
+
+.product-details-area .content .product-rating .rating-count {
+ font-size: 14px;
+ color: var(--color-heading);
+ font-weight: 600;
+}
+
+.product-details-area .content .price {
+ font-size: 18px;
+ font-weight: 600;
+ color: var(--color-primary);
+ font-family: var(--font-secondary);
+}
+
+.product-details-area .content p {
+ margin-top: 22px;
+ margin-bottom: 34px;
+}
+
+.product-details-area .content .product-action .add-to-cart-btn {
+ margin-top: 40px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (max-width: 575px) {
+ .product-details-area .content .product-action .add-to-cart-btn {
+ margin-top: 20px;
+ }
+}
+
+.product-details-area .content .product-action .add-to-cart-btn a {
+ margin-right: 10px;
+}
+
+.product-details-area .content .product-action .add-to-cart-btn a:last-child {
+ margin-right: 0;
+}
+
+.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn {
+ border: 1px solid var(--color-border);
+ height: 50px;
+ width: 50px;
+ line-height: 50px;
+ border-radius: 5px;
+}
+
+.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn i {
+ font-size: 16px;
+ color: var(--color-heading);
+}
+
+.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {
+ border-color: var(--color-secondary);
+}
+
+.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover i {
+ color: var(--color-white);
+}
+
+.product-details-area .content .product-feature {
+ margin-top: 32px;
+}
+
+.product-details-area .content .product-feature li {
+ font-weight: 400;
+ margin: 6px 0;
+ font-size: 16px;
+}
+
+.product-details-area .content .product-feature li span {
+ font-weight: 600;
+ color: var(--color-heading);
+}
+
+.product-details-area .content .product-feature li a {
+ position: relative;
+ display: inline-block;
+}
+
+.product-details-area .content .product-feature li a::after {
+ position: absolute;
+ content: ",";
+ right: -3px;
+}
+
+.product-details-area .content .product-feature li a:last-child:after {
+ display: none;
+}
+
+.product-description-nav {
+ border-bottom: 1px solid var(--color-border);
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-bottom: 35px;
+}
+
+.product-description-nav .nav-item {
+ margin: 0 5px;
+}
+
+.product-description-nav .nav-item button.nav-link {
+ background: transparent;
+ border: 0 none;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 28px;
+ padding: 22px 25px;
+ color: var(--color-body);
+ font-family: var(--font-secondary);
+ position: relative;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+.product-description-nav .nav-item button.nav-link::after {
+ position: absolute;
+ content: "";
+ bottom: 0;
+ left: 0;
+ height: 2px;
+ background: var(--color-primary);
+ -webkit-transition: 0.4s;
+ transition: 0.4s;
+ width: 0;
+}
+
+.product-description-nav .nav-item button.nav-link:hover, .product-description-nav .nav-item button.nav-link.active {
+ color: var(--color-heading);
+}
+
+.product-description-nav .nav-item button.nav-link:hover::after, .product-description-nav .nav-item button.nav-link.active::after {
+ width: 100%;
+}
+
+.product-description-content .comment-area {
+ margin-top: 0;
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 45px;
+}
+
+.product-description-content .comment-area .heading-title {
+ margin-bottom: 40px;
+}
+
+.product-description-content .comment-list-wrapper .comment .comment-content .title {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (max-width: 479px) {
+ .product-description-content .comment-list-wrapper .comment .comment-content .title {
+ display: block;
+ }
+}
+
+.product-description-content .comment-list-wrapper .comment .comment-content .date {
+ margin-bottom: 0;
+ font-size: 15px;
+ color: var(--color-body);
+ font-weight: 400;
+ margin-left: 5px;
+}
+
+@media only screen and (max-width: 479px) {
+ .product-description-content .comment-list-wrapper .comment .comment-content .date {
+ margin-left: 0;
+ margin-top: 4px;
+ }
+}
+
+.product-description-content .comment-list-wrapper .comment .comment-content .rating {
+ font-size: 13px;
+ color: #ffc92e;
+ margin-bottom: 16px;
+}
+
+.product-description-content .comment-form-area {
+ margin-top: 70px;
+}
+
+.product-description-content .comment-form .review-rating {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-bottom: 15px;
+}
+
+.product-description-content .comment-form .review-rating .title {
+ margin-bottom: 0;
+ margin-right: 15px;
+}
+
+.product-description-content .comment-form .review-rating .rating {
+ font-size: 14px;
+ color: #ffc92e;
+}
+
+.product-description-content .comment-form .form-group label {
+ color: var(--color-body);
+ margin-bottom: 5px;
+}
+
+.product-description-content .comment-form .form-group input {
+ box-shadow: none;
+ border: 1px solid var(--color-border);
+ height: 50px;
+}
+
+.product-description-content .comment-form .form-group textarea {
+ box-shadow: none;
+ border: 1px solid var(--color-border);
+}
+
+.product-description-content .comment-form .form-group .edu-form-check label:before {
+ background-color: transparent;
+}
+
+/*-------------------
+ Shop Styles
+---------------------*/
+.edu-product {
+ margin-bottom: 15px;
+}
+
+.edu-product .inner {
+ text-align: center;
+}
+
+.edu-product .inner > .thumbnail {
+ position: relative;
+}
+
+.edu-product .inner > .thumbnail > a {
+ display: block;
+ border: 1px solid var(--color-border);
+ overflow: hidden;
+}
+
+.edu-product .inner > .thumbnail > a img {
+ width: 100%;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-product .inner > .thumbnail .product-hover-info {
+ text-align: center;
+ position: absolute;
+ top: 55%;
+ left: 0;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ opacity: 0;
+ visibility: hidden;
+ z-index: 1;
+}
+
+.edu-product .inner > .thumbnail .product-hover-info ul li {
+ margin: 0;
+ padding: 7px;
+ position: relative;
+}
+
+.edu-product .inner > .thumbnail .product-hover-info ul li a {
+ text-align: center;
+ font-size: 18px;
+ color: var(--color-black);
+ height: 36px;
+ width: 36px;
+ line-height: 40px;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
+}
+
+.edu-product .inner > .thumbnail .product-hover-info ul li a:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.edu-product .inner .content {
+ padding-top: 26px;
+}
+
+.edu-product .inner .content .title {
+ font-size: 16px;
+ margin-bottom: 8px;
+}
+
+.edu-product .inner .content .product-rating {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-bottom: 8px;
+}
+
+.edu-product .inner .content .product-rating .rating {
+ color: #ffc92e;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ font-size: 14px;
+}
+
+.edu-product .inner .content .product-rating .rating-count {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ margin-left: 5px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-product .inner .content .price {
+ font-size: 14px;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-semi-bold);
+ color: var(--color-primary);
+}
+
+.edu-product:hover .inner .thumbnail a {
+ box-shadow: var(--shadow-darker);
+ border-color: var(--color-white);
+}
+
+.edu-product:hover .inner .thumbnail a img {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+ opacity: .3;
+}
+
+.edu-product:hover .inner .thumbnail .product-hover-info {
+ top: 50%;
+ visibility: visible;
+ opacity: 1;
+}
+
+.pro-qty {
+ width: 136px;
+ height: 55px;
+ border-radius: 5px;
+ border: 1px solid var(--color-border);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 5px 18px;
+}
+
+@media only screen and (max-width: 575px) {
+ .pro-qty {
+ width: 110px;
+ height: 50px;
+ }
+}
+
+.pro-qty input {
+ width: 28px;
+ float: left;
+ border: none;
+ height: 32px;
+ line-height: 30px;
+ padding: 0;
+ text-align: center;
+ background-color: transparent;
+ font-size: 15px;
+ margin: 0 12px;
+ color: #101010;
+}
+
+.pro-qty .qtybtn {
+ display: block;
+ float: left;
+ cursor: pointer;
+ text-align: center;
+ font-size: 20px;
+ color: #848484;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+.pro-qty .qtybtn:hover {
+ color: var(--color-primary);
+}
+
+.pro-qty input::-webkit-outer-spin-button,
+ .pro-qty input::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+.pro-qty input[type=number] {
+ -moz-appearance: textfield;
+}
+
+.cart-table th,
+.cart-table td {
+ border: none;
+ border-bottom: 1px solid #e6e6e6 !important;
+}
+
+@media only screen and (max-width: 767px) {
+ .cart-table th:last-child,
+ .cart-table td:last-child {
+ border-bottom: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .cart-table thead {
+ display: none;
+ }
+}
+
+.cart-table thead th {
+ font-size: 16px;
+ font-weight: var(--p-semi-bold);
+ font-family: var(--font-secondary);
+ text-transform: capitalize;
+ color: var(--color-heading);
+ padding: 18px 15px;
+}
+
+@media only screen and (max-width: 991px) {
+ .cart-table thead th {
+ padding: 20px 10px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .cart-table tbody tr {
+ padding-left: 120px;
+ position: relative;
+ display: block;
+ border-bottom: 1px solid var(--color-lighter);
+ margin-bottom: 30px;
+ }
+
+ .cart-table tbody tr:last-child {
+ margin-bottom: 0;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .cart-table tbody tr {
+ padding-left: 90px;
+ }
+}
+
+.cart-table tbody td {
+ vertical-align: middle;
+ padding: 30px 15px;
+ font-size: 15px;
+ color: #222222;
+ min-width: 150px;
+}
+
+@media only screen and (max-width: 991px) {
+ .cart-table tbody td {
+ font-size: 18px;
+ padding: 20px 10px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .cart-table tbody td {
+ font-size: 16px;
+ display: block;
+ text-align: right;
+ padding: 10px 0;
+ position: relative;
+ }
+
+ .cart-table tbody td:before {
+ content: attr(data-title) " :";
+ position: absolute;
+ left: 0;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ font-size: 13px;
+ color: var(--color-black);
+ }
+}
+
+.cart-table tbody td.product-remove {
+ min-width: auto;
+}
+
+@media only screen and (max-width: 767px) {
+ .cart-table tbody td.product-remove {
+ position: absolute;
+ top: 0;
+ right: 0;
+ border-bottom: none !important;
+ z-index: 1;
+ }
+}
+
+.cart-table tbody td.product-remove .remove-wishlist {
+ display: block;
+ text-align: center;
+ height: 32px;
+ width: 32px;
+ line-height: 30px;
+ font-size: 14px;
+ color: var(--color-black);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+@media only screen and (max-width: 767px) {
+ .cart-table tbody td.product-remove .remove-wishlist {
+ font-size: 10px;
+ }
+}
+
+.cart-table tbody td.product-remove .remove-wishlist:hover {
+ color: var(--color-primary);
+}
+
+.cart-table tbody td.product-remove:before {
+ display: none;
+}
+
+.cart-table tbody td.product-thumbnail {
+ width: 110px;
+}
+
+@media only screen and (max-width: 767px) {
+ .cart-table tbody td.product-thumbnail {
+ width: 80px;
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-bottom: none !important;
+ text-align: left;
+ }
+}
+
+.cart-table tbody td.product-thumbnail a {
+ border: 1px solid var(--color-border);
+}
+
+.cart-table tbody td.product-thumbnail a img {
+ height: 110px;
+}
+
+@media only screen and (max-width: 575px) {
+ .cart-table tbody td.product-thumbnail a img {
+ height: 85px;
+ }
+}
+
+.cart-table tbody td.product-thumbnail:before {
+ display: none;
+}
+
+.cart-table tbody td.product-title {
+ width: 30%;
+ color: var(--color-heading);
+ font-size: 16px;
+ font-weight: var(--p-semi-bold);
+ font-family: var(--font-secondary);
+}
+
+@media only screen and (max-width: 767px) {
+ .cart-table tbody td.product-title {
+ width: 100%;
+ text-align: left;
+ padding-right: 40px;
+ }
+}
+
+.cart-table tbody td.product-title a {
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.cart-table tbody td.product-title:before {
+ display: none;
+}
+
+.cart-table tbody td.product-quantity .pro-qty {
+ margin: 0 auto;
+ margin-right: 0;
+}
+
+.wishlist-table tbody td.product-add-cart:before {
+ display: none;
+}
+
+.cart-update-btn-area {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .cart-update-btn-area {
+ display: block;
+ }
+}
+
+.cart-update-btn-area .product-cupon {
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ border: 1px solid #e6e6e6;
+ border-radius: 5px;
+ height: 50px;
+ padding: 5px 5px 5px 20px;
+ max-width: 430px;
+}
+
+.cart-update-btn-area .product-cupon input {
+ padding: 0;
+ border: none;
+ height: auto;
+ padding-right: 20px;
+}
+
+.cart-update-btn-area .product-cupon .submit-btn {
+ border: none;
+ background: var(--gradient-primary);
+ color: var(--color-white);
+ border-radius: 5px !important;
+ padding: 5px 22px;
+ font-size: 12px;
+}
+
+.cart-update-btn-area .update-btn {
+ text-align: right;
+}
+
+@media only screen and (max-width: 575px) {
+ .cart-update-btn-area .update-btn {
+ text-align: left;
+ margin-top: 20px;
+ }
+}
+
+.cart-update-btn-area .update-btn .edu-btn.disabled {
+ opacity: .5;
+}
+
+.order-summery {
+ margin-top: 100px;
+}
+
+@media only screen and (max-width: 767px) {
+ .order-summery {
+ margin-top: 80px;
+ }
+}
+
+.order-summery .title {
+ margin-bottom: 24px;
+}
+
+.order-summery .summery-table tbody td {
+ border-color: #e6e6e6;
+ font-size: 16px;
+ color: var(--color-heading);
+ padding: 14px 30px;
+}
+
+.order-summery .summery-table tbody td:first-child {
+ font-weight: var(--p-semi-bold);
+ width: 165px;
+ font-family: var(--font-secondary);
+}
+
+.order-summery .summery-table tbody td:last-child {
+ font-size: 15px;
+ text-align: right;
+ color: #848484;
+}
+
+.order-summery .summery-table .order-total td:last-child {
+ color: var(--color-heading);
+ font-weight: var(--p-semi-bold);
+}
+
+.order-summery .checkout-btn {
+ width: 100%;
+}
+
+.order-summery.checkout-summery {
+ margin-top: 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .order-summery.checkout-summery {
+ margin-top: 80px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .order-summery.checkout-summery {
+ margin-top: 60px;
+ }
+}
+
+.order-summery.checkout-summery .summery-table-wrap {
+ border: 1px solid var(--color-border);
+ border-radius: 5px;
+ padding: 45px 50px 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .order-summery.checkout-summery .summery-table-wrap {
+ padding: 40px 20px 20px;
+ }
+}
+
+.order-summery.checkout-summery .summery-table-wrap .title {
+ margin-bottom: 18px;
+}
+
+.order-summery.checkout-summery .summery-table-wrap table {
+ margin-bottom: 0;
+}
+
+.order-summery.checkout-summery .summery-table-wrap table tr:last-child td {
+ border-bottom: none;
+}
+
+.order-summery.checkout-summery .summery-table-wrap table td {
+ border: none;
+ border-bottom: 1px solid var(--color-border);
+ width: auto;
+ padding: 12px 0;
+ color: var(--color-heading);
+}
+
+@media only screen and (max-width: 575px) {
+ .order-summery.checkout-summery .summery-table-wrap table td {
+ font-size: 14px;
+ }
+}
+
+.order-summery.checkout-summery .summery-table-wrap table .order-subtotal td:last-child {
+ color: var(--color-body);
+ font-weight: var(--p-medium);
+}
+
+.order-summery.checkout-summery .summery-table-wrap table .order-total td {
+ font-weight: var(--p-bold);
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .account-page-area .shape-group {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .account-page-area .shape-group {
+ display: none;
+ }
+}
+
+.account-page-area .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.account-page-area .shape-group li.shape-1 {
+ bottom: -10px;
+ left: 60px;
+}
+
+.account-page-area .shape-group li.shape-2 {
+ top: -60px;
+ right: 50px;
+}
+
+.account-page-area .shape-group li.shape-3 {
+ top: -30px;
+ right: 0px;
+ z-index: 1;
+}
+
+.login-form-box {
+ box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
+ padding: 70px 50px;
+ border-radius: 5px;
+ background-color: var(--color-white);
+}
+
+@media only screen and (max-width: 767px) {
+ .login-form-box {
+ padding: 40px 30px;
+ }
+}
+
+.login-form-box .title {
+ margin-bottom: 5px;
+}
+
+.login-form-box a {
+ color: var(--color-primary);
+}
+
+.login-form-box a:hover {
+ color: var(--color-secondary);
+}
+
+.login-form-box p {
+ color: var(--color-heading);
+ margin-bottom: 25px;
+}
+
+.login-form-box .form-group {
+ position: relative;
+}
+
+.login-form-box .form-group input {
+ border: 1px solid var(--color-border);
+ height: 50px;
+}
+
+.login-form-box .form-group .edu-btn {
+ width: 100%;
+}
+
+.login-form-box .form-group .password-show {
+ position: absolute;
+ bottom: 11px;
+ right: 18px;
+ color: #b2b2b2;
+ font-size: 13px;
+ cursor: pointer;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.login-form-box .form-group .password-show:hover {
+ color: var(--color-primary);
+}
+
+.login-form-box .form-group .confirmpassword-show {
+ position: absolute;
+ bottom: 11px;
+ right: 18px;
+ color: #b2b2b2;
+ font-size: 13px;
+ cursor: pointer;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.login-form-box .form-group .confirmpassword-show:hover {
+ color: var(--color-primary);
+}
+
+.login-form-box .chekbox-area {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ margin: 25px 0;
+}
+
+@media only screen and (max-width: 479px) {
+ .login-form-box .chekbox-area {
+ display: block;
+ }
+}
+
+.login-form-box .chekbox-area .edu-form-check {
+ position: relative;
+}
+
+.login-form-box .chekbox-area .edu-form-check label {
+ padding-left: 28px;
+}
+
+.login-form-box .chekbox-area .edu-form-check label:before {
+ background-color: #f7f7f7;
+ border-color: var(--color-border);
+}
+
+.login-form-box .chekbox-area .edu-form-check input {
+ height: auto;
+}
+
+.login-form-box .chekbox-area .edu-form-check input:checked ~ label::before {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+}
+
+.login-form-box .chekbox-area .edu-form-check input:checked ~ label::after {
+ opacity: 1;
+}
+
+.login-form-box .chekbox-area .password-reset {
+ font-size: 16px;
+}
+
+@media only screen and (max-width: 479px) {
+ .login-form-box .chekbox-area .password-reset {
+ padding-left: 30px;
+ margin-top: 5px;
+ }
+}
+
+.checkout-notice {
+ margin-bottom: 65px;
+}
+
+.checkout-notice .coupn-box {
+ padding: 0 30px;
+ border: 1px solid var(--color-border);
+ border-radius: 5px;
+}
+
+.checkout-notice .toggle-bar {
+ padding: 18px 0;
+ margin-bottom: 0;
+}
+
+.checkout-notice .toggle-bar a {
+ color: var(--color-primary);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+@media only screen and (max-width: 479px) {
+ .checkout-notice .input-group {
+ display: block;
+ }
+}
+
+.checkout-notice .input-group input {
+ width: auto;
+ border: 1px solid var(--color-border);
+ height: 50px;
+ border-radius: 5px !important;
+}
+
+.checkout-notice .input-group .apply-btn {
+ margin-left: 10px !important;
+}
+
+@media only screen and (max-width: 479px) {
+ .checkout-notice .input-group .apply-btn {
+ margin-left: 0 !important;
+ margin-top: 15px;
+ }
+}
+
+.checkout-notice .toggle-open {
+ display: none;
+ margin-top: 10px;
+ margin-bottom: 30px;
+}
+
+.checkout-billing .title {
+ margin-bottom: 30px;
+}
+
+.checkout-billing .form-group {
+ margin-bottom: 25px;
+}
+
+.checkout-billing .form-group label {
+ font-size: 16px;
+ margin-bottom: 5px;
+}
+
+.checkout-billing .form-group input {
+ border: 1px solid #e6e6e6;
+ border-radius: 5px;
+ height: 45px;
+ margin-bottom: 10px;
+}
+
+.checkout-billing .form-group input:last-child {
+ margin-bottom: 0;
+}
+
+.checkout-billing .form-group textarea {
+ border: 1px solid #e6e6e6;
+ border-radius: 5px;
+}
+
+.checkout-billing .form-group select {
+ height: 45px;
+ background-color: transparent;
+ border: 1px solid var(--color-border);
+ color: var(--color-body);
+ font-weight: 400;
+ background: url(../images/icons/arrow-icon.png) 92% center no-repeat transparent;
+}
+
+.order-payment {
+ border: 1px solid var(--color-border);
+ border-radius: 5px;
+ padding: 50px 50px 42px;
+ margin-top: 50px;
+}
+
+@media only screen and (max-width: 575px) {
+ .order-payment {
+ padding: 40px 20px 30px;
+ }
+}
+
+.order-payment .title {
+ margin-bottom: 40px;
+}
+
+.order-payment .payment-method {
+ background-color: #f5f9fa;
+ padding: 30px 30px 45px;
+ margin-bottom: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .order-payment .payment-method {
+ padding: 30px 20px 30px;
+ }
+}
+
+.order-payment .form-group {
+ position: relative;
+ border-bottom: 1px solid #dce0e0;
+ margin-bottom: 22px;
+ padding-bottom: 22px;
+}
+
+.order-payment .form-group:last-child {
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+.order-payment .form-group p {
+ margin-top: 5px;
+ margin-bottom: 0;
+ padding-left: 30px;
+}
+
+.order-payment .form-group a {
+ margin-left: 20px;
+ font-weight: 500;
+}
+
+.order-payment .form-group label {
+ font-size: 16px;
+ font-weight: 500;
+}
+
+.order-payment .form-group:last-child {
+ border-bottom: none;
+}
+
+.order-payment .form-group input[type="checkbox"],
+ .order-payment .form-group input[type="radio"] {
+ width: auto;
+}
+
+/*-------------------
+ Splash Page Styles
+---------------------*/
+.edublink-landing-page #edublink-preloader {
+ display: none !important;
+}
+
+.pv-header-style.edu-header .header-mainmenu {
+ background-color: transparent;
+ box-shadow: none;
+ z-index: 5;
+}
+
+.pv-header-style.edu-header .header-mainmenu.edu-sticky {
+ box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);
+}
+
+.pv-header-style .mainmenu-nav {
+ margin-right: 30px;
+}
+
+.pv-header-style .mainmenu-nav .mainmenu {
+ -webkit-box-pack: end !important;
+ -webkit-justify-content: flex-end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+}
+
+.pv-header-style .mainmenu-nav .mainmenu li a {
+ padding: 0 20px;
+ height: 90px;
+ line-height: 90px;
+}
+
+.pv-header-style .edublink-vue-mobile-popup-menu .mainmenu li.header-btn {
+ padding-top: 30px;
+}
+
+.pv-header-style .edublink-vue-mobile-popup-menu .mainmenu li.header-btn .edu-btn {
+ padding: 0;
+}
+
+.pv-header-style .edublink-vue-mobile-popup-menu .mainmenu li.header-btn .edu-btn:hover {
+ color: var(--color-white);
+}
+
+.pv-demo-counterup {
+ margin-top: -95px;
+ position: relative;
+ z-index: 1;
+}
+
+.pv-demo-counterup .counterup-wrap {
+ background-color: var(--color-white);
+ max-width: 870px;
+ width: 100%;
+ box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.03);
+ border-radius: 10px;
+ margin: 0 auto;
+ padding: 50px 0;
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-demo-counterup .counterup-wrap {
+ padding: 40px 0;
+ }
+}
+
+.pv-demo-counterup .counterup-wrap .edu-counterup {
+ box-shadow: none;
+ padding: 0 30px;
+ border-radius: 0;
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-demo-counterup .counterup-wrap .edu-counterup {
+ padding: 0 20px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .pv-demo-counterup .counterup-wrap .edu-counterup {
+ padding: 20px;
+ }
+}
+
+.pv-demo-counterup .counterup-wrap .edu-counterup.border-end {
+ border-color: var(--color-border);
+}
+
+@media only screen and (max-width: 575px) {
+ .pv-demo-counterup .counterup-wrap .edu-counterup.border-end {
+ border: none !important;
+ }
+}
+
+.pv-demo-counterup .counterup-wrap .edu-counterup .count-number {
+ font-size: 50px;
+ margin-bottom: 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-demo-counterup .counterup-wrap .edu-counterup .count-number {
+ font-size: 40px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-demo-counterup .counterup-wrap .edu-counterup .count-number {
+ font-size: 30px;
+ }
+}
+
+.pv-demo-counterup .counterup-wrap .edu-counterup .title {
+ font-weight: 600;
+ font-size: 17px;
+ color: var(--color-heading);
+ text-transform: capitalize;
+}
+
+.pv-demo-area {
+ padding: 140px 0 90px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-demo-area {
+ padding: 110px 0 60px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-demo-area {
+ padding: 90px 0 40px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-demo-area {
+ padding: 70px 0 20px;
+ }
+}
+
+.single-demo {
+ text-align: center;
+ margin-bottom: 60px;
+ position: relative;
+}
+
+.single-demo .new-wrapper {
+ position: absolute;
+ right: -15px;
+ top: -15px;
+ background-color: var(--color-tertiary);
+ color: var(--color-white);
+ width: 70px;
+ height: 70px;
+ line-height: 70px;
+ box-shadow: 0px 10px 30px 0px rgba(179, 109, 28, 0.4);
+ border-radius: 50%;
+ z-index: 1;
+}
+
+.single-demo .inner {
+ background-color: var(--color-white);
+ box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.07);
+ border-radius: 5px;
+ padding: 15px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+.single-demo.coming-soon a {
+ pointer-events: none;
+}
+
+.single-demo .thumbnail {
+ position: relative;
+ text-align: center;
+}
+
+.single-demo .thumbnail .thumbnail-link {
+ display: block;
+ position: relative;
+}
+
+.single-demo .thumbnail .thumbnail-link::before {
+ background: rgba(0, 0, 0, 0.35);
+ border-radius: 5px;
+ position: absolute;
+ content: "";
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+}
+
+.single-demo .thumbnail .thumbnail-link img {
+ border-radius: 5px;
+ width: 100%;
+}
+
+.single-demo .thumbnail .hover-action {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ z-index: 1;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ opacity: 0;
+}
+
+.single-demo .title {
+ font-weight: 700;
+ font-size: 20px;
+ margin-top: 28px;
+ margin-bottom: 10px;
+}
+
+.single-demo:hover .inner {
+ box-shadow: 0px 30px 70px rgba(0, 0, 0, 0.12);
+ -webkit-transform: translateY(-10px);
+ -ms-transform: translateY(-10px);
+ transform: translateY(-10px);
+}
+
+.single-demo:hover .thumbnail .thumbnail-link::before {
+ opacity: 1;
+}
+
+.single-demo:hover .thumbnail .hover-action {
+ opacity: 1;
+}
+
+.pv-elementor-area {
+ padding: 150px 0;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-elementor-area {
+ padding: 120px 0 100px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-elementor-area {
+ padding: 100px 0 80px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-elementor-area {
+ padding: 80px 0 60px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-elementor-area .elementor-content .splash-title {
+ text-align: center;
+ }
+}
+
+.pv-elementor-area .elementor-content .splash-title img {
+ margin-bottom: 35px;
+}
+
+.pv-elementor-area .elementor-content .splash-title p {
+ width: 60%;
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-elementor-area .elementor-content .splash-title p {
+ width: 100%;
+ }
+}
+
+.pv-elementor-area .elementor-thumbnail {
+ position: relative;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-elementor-area .elementor-thumbnail {
+ text-align: center;
+ }
+}
+
+.pv-elementor-area .elementor-thumbnail img {
+ border-radius: 20px;
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-elementor-area .elementor-thumbnail .shape-group {
+ display: none;
+ }
+}
+
+.pv-elementor-area .elementor-thumbnail .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.pv-elementor-area .elementor-thumbnail .shape-group li.shape-1 {
+ top: -50px;
+ left: -75px;
+}
+
+.pv-elementor-area .elementor-thumbnail .shape-group li.shape-2 {
+ top: -82px;
+ left: -14px;
+ z-index: 1;
+}
+
+.pv-elementor-area .elementor-thumbnail .shape-group li.shape-3 {
+ bottom: -70px;
+ right: 50px;
+}
+
+.pv-elementor-area .elementor-thumbnail .shape-group li.shape-4 {
+ bottom: -80px;
+ right: -80px;
+ z-index: -2;
+}
+
+.pv-courses-demo {
+ position: relative;
+ padding: 150px 0 40px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-courses-demo {
+ padding: 120px 0 30px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-courses-demo {
+ padding: 100px 0 20px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-courses-demo {
+ padding: 80px 0 10px;
+ }
+}
+
+.pv-courses-demo .splash-title.section-title {
+ margin-bottom: 80px;
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-courses-demo .splash-title.section-title {
+ margin-bottom: 50px;
+ }
+}
+
+.pv-courses-demo .splash-title .shape-line {
+ margin-bottom: 28px;
+}
+
+.pv-courses-demo .splash-title p {
+ color: var(--color-heading);
+ font-size: 16px;
+}
+
+.pv-courses-demo .margque-courses {
+ background-image: url(../images/preview/courses.png);
+ background-repeat: repeat-x;
+ background-size: auto;
+ height: 460px;
+ position: relative;
+ z-index: 1;
+ margin-top: -20px;
+}
+
+.pv-courses-demo .shape-group li.shape-1 {
+ top: 100px;
+ right: 140px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .pv-courses-demo .shape-group li.shape-1 {
+ top: 80px;
+ right: 30px;
+ }
+}
+
+.pv-courses-demo .shape-group li.shape-2 {
+ top: 310px;
+ left: 40px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .pv-courses-demo .shape-group li.shape-2 {
+ display: none;
+ }
+}
+
+.pv-courses-demo .shape-group li.shape-3 {
+ top: 330px;
+ left: 165px;
+ z-index: 1;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .pv-courses-demo .shape-group li.shape-3 {
+ display: none;
+ }
+}
+
+.pv-courses-demo .shape-group li.shape-4 {
+ top: 130px;
+ left: 15%;
+}
+
+.pv-courses-demo .shape-group li.shape-5 {
+ top: -252px;
+ right: -111px;
+ z-index: -2;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .pv-courses-demo .shape-group li.shape-5 {
+ top: -230px;
+ right: -270px;
+ }
+}
+
+.pv-courses-demo .shape-group li.shape-5 span {
+ display: block;
+ height: 470px;
+ width: 470px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.pv-course-details-area {
+ position: relative;
+ padding: 115px 0 135px;
+}
+
+.pv-course-details-area::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/preview-course-bg.jpg);
+ z-index: -1;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-course-details-area {
+ padding: 120px 0 65px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-course-details-area {
+ padding: 100px 0 20px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-course-details-area {
+ padding: 80px 0 40px;
+ }
+}
+
+.pv-course-details-area .course-content {
+ max-width: 460px;
+}
+
+@media only screen and (max-width: 1710px) {
+ .pv-course-details-area .course-content {
+ padding-left: 50px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-course-details-area .course-content {
+ padding-left: 0px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-course-details-area .course-content {
+ max-width: 100%;
+ padding-left: 0px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-course-details-area .course-content .splash-title.section-title {
+ margin-bottom: 20px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-course-details-area .course-content .splash-title {
+ text-align: center;
+ }
+}
+
+.pv-course-details-area .course-content .splash-title img {
+ margin-bottom: 35px;
+}
+
+.pv-course-details-area .course-thumbnail {
+ position: relative;
+ z-index: 1;
+ text-align: right;
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-course-details-area .course-thumbnail {
+ text-align: center;
+ }
+}
+
+.pv-course-details-area .course-thumbnail .course-instructor {
+ position: absolute;
+ content: '';
+ left: -40px;
+ top: 150px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .pv-course-details-area .course-thumbnail .course-instructor {
+ left: -50px;
+ max-width: 320px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-course-details-area .course-thumbnail .course-instructor {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-course-details-area .course-thumbnail .shape-group {
+ display: none;
+ }
+}
+
+.pv-course-details-area .course-thumbnail .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.pv-course-details-area .course-thumbnail .shape-group li.shape-1 {
+ top: -30px;
+ left: 60px;
+}
+
+@media only screen and (max-width: 1710px) {
+ .pv-course-details-area .course-thumbnail .shape-group li.shape-1 {
+ top: -30px;
+ left: -10px;
+ }
+}
+
+.pv-course-details-area .course-thumbnail .shape-group li.shape-2 {
+ top: -40px;
+ left: 135px;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 1710px) {
+ .pv-course-details-area .course-thumbnail .shape-group li.shape-2 {
+ top: -40px;
+ left: 65px;
+ }
+}
+
+.pv-course-details-area .course-thumbnail .shape-group li.shape-3 {
+ bottom: -10px;
+ right: -30px;
+}
+
+.pv-course-details-area .course-thumbnail .shape-group li.shape-4 {
+ bottom: 7px;
+ right: 100px;
+}
+
+.pv-shop-area {
+ position: relative;
+ padding: 125px 0 115px;
+}
+
+.pv-shop-area::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-24.jpg);
+ background-size: cover;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-shop-area {
+ padding: 120px 0 65px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-shop-area {
+ padding: 100px 0 20px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-shop-area {
+ padding: 80px 0 40px;
+ }
+}
+
+.pv-shop-area .shop-content {
+ padding-left: 145px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .pv-shop-area .shop-content {
+ padding-left: 55px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-shop-area .shop-content {
+ padding-left: 0px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-shop-area .shop-content .splash-title.section-title {
+ margin-bottom: 20px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-shop-area .shop-content .splash-title {
+ text-align: center;
+ }
+}
+
+.pv-shop-area .shop-content .splash-title img {
+ margin-bottom: 35px;
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-shop-area .shop-thumbnail {
+ text-align: center;
+ }
+}
+
+.pv-shop-area .shop-thumbnail .shop-thumbnail-images {
+ position: relative;
+ z-index: 1;
+}
+
+.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left {
+ position: absolute;
+ content: '';
+ left: -160px;
+ top: 150px;
+}
+
+@media only screen and (min-width: 1401px) and (max-width: 1750px), only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left {
+ left: -50px;
+ max-width: 300px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left {
+ display: none;
+ }
+}
+
+.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right {
+ position: absolute;
+ content: '';
+ right: -50px;
+ top: 100px;
+}
+
+@media only screen and (min-width: 1401px) and (max-width: 1750px) {
+ .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right {
+ right: 0px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right {
+ right: -30px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group {
+ display: none;
+ }
+}
+
+.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-1 {
+ top: -55px;
+ left: -35px;
+}
+
+.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-2 {
+ bottom: -46px;
+ right: 160px;
+}
+
+.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 {
+ top: 147px;
+ left: 130px;
+ z-index: 0;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 {
+ top: 151px;
+ left: 154px;
+ }
+}
+
+.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 16px solid var(--color-tertiary);
+ border-radius: 50%;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1400px) {
+ .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 span {
+ height: 70px;
+ width: 70px;
+ border: 11px solid var(--color-tertiary);
+ }
+}
+
+.pv-features-area {
+ padding: 150px 0 100px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-features-area {
+ padding: 120px 0 70px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-features-area {
+ padding: 100px 0 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-features-area {
+ padding: 80px 0 30px;
+ }
+}
+
+.demo-feature {
+ margin-bottom: 45px;
+}
+
+.demo-feature .inner {
+ text-align: center;
+}
+
+.demo-feature .inner .icon {
+ background: #FFFFFF;
+ box-shadow: 0px 15px 60px 0 rgba(0, 0, 0, 0.1);
+ border-radius: 30px;
+ width: 100%;
+ height: 202px;
+ margin: 0 auto;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+.demo-feature .inner .icon img {
+ max-height: 80px;
+}
+
+.demo-feature .inner .title {
+ margin-bottom: 0;
+ margin-top: 30px;
+ font-weight: 700;
+}
+
+.pv-inner-page-area {
+ padding: 150px 0 75px;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+}
+
+.pv-inner-page-area::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-25.jpg);
+ background-size: cover;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-inner-page-area {
+ padding: 120px 0 45px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-inner-page-area {
+ padding: 100px 0 30px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-inner-page-area {
+ padding: 80px 0 20px;
+ }
+}
+
+.pv-inner-page-area .splash-title .shape-line {
+ margin-bottom: 28px;
+}
+
+.pv-inner-page-area .splash-title p {
+ color: var(--color-heading);
+ font-size: 16px;
+}
+
+.pv-inner-page-area .margque-inner-page {
+ background-image: url(../images/preview/inner-demo.png);
+ background-repeat: repeat-x;
+ background-size: auto;
+ height: 650px;
+ position: relative;
+ z-index: 1;
+ margin-top: -20px;
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-inner-page-area .shape-group {
+ display: none;
+ }
+}
+
+.pv-inner-page-area .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.pv-inner-page-area .shape-group li.shape-1 {
+ top: -65px;
+ left: -85px;
+}
+
+.pv-inner-page-area .shape-group li.shape-2 {
+ top: 80px;
+ left: 152px;
+}
+
+.pv-inner-page-area .shape-group li.shape-3 {
+ top: 20%;
+ right: 18%;
+}
+
+.pv-inner-page-area .shape-group li.shape-3 span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 15px solid var(--color-tertiary);
+ border-radius: 50%;
+}
+
+.pv-zoom-demo-area {
+ padding: 85px 0 20px;
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-zoom-demo-area .zoom-content .splash-title {
+ text-align: center;
+ }
+}
+
+.pv-zoom-demo-area .zoom-content .splash-title img {
+ margin-bottom: 35px;
+}
+
+.pv-zoom-demo-area .zoom-content .splash-title p {
+ width: 80%;
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-zoom-demo-area .zoom-content .splash-title p {
+ width: 100%;
+ }
+}
+
+.pv-zoom-demo-area .zoom-thumbnail {
+ position: relative;
+ z-index: 1;
+ margin-right: -60px;
+ padding-right: 15px;
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-zoom-demo-area .zoom-thumbnail {
+ margin-right: 0;
+ padding-right: 0;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-zoom-demo-area .zoom-thumbnail .shape-group {
+ display: none;
+ }
+}
+
+.pv-zoom-demo-area .zoom-thumbnail .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-1 {
+ top: 25px;
+ right: 175px;
+}
+
+.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-2 {
+ top: 0;
+ right: 308px;
+}
+
+.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-2 span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 15px solid var(--color-tertiary);
+ border-radius: 50%;
+}
+
+.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-3 {
+ bottom: 45px;
+ left: 130px;
+}
+
+.pv-cta-area {
+ background-color: #1B1C1C;
+ padding: 145px 0 120px;
+ position: relative;
+ z-index: 1;
+}
+
+.pv-cta-area::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-29.png);
+ background-size: cover;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-cta-area {
+ padding: 120px 0 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-cta-area {
+ padding: 100px 0;
+ }
+}
+
+.pv-cta-area .cta-content {
+ text-align: center;
+}
+
+.pv-cta-area .cta-content .subtitle {
+ font-size: 20px;
+ font-weight: 600;
+ font-family: var(--font-secondary);
+ color: var(--color-tertiary);
+ margin-bottom: 30px;
+ display: block;
+}
+
+.pv-cta-area .cta-content .title {
+ font-size: 40px;
+ color: var(--color-white);
+ margin-bottom: 55px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .pv-cta-area .cta-content .title {
+ font-size: 36px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .pv-cta-area .cta-content .title {
+ font-size: 30px;
+ }
+}
+
+.pv-cta-area .cta-content .button-group {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin: -10px;
+}
+
+@media only screen and (max-width: 575px) {
+ .pv-cta-area .cta-content .button-group {
+ display: block;
+ }
+}
+
+.pv-cta-area .cta-content .button-group a {
+ margin: 10px;
+}
+
+.pv-cta-area .cta-content .button-group .btn-bg-white {
+ background-color: var(--color-white);
+ color: var(--color-heading);
+}
+
+.pv-cta-area .cta-content .button-group .btn-bg-white:hover {
+ color: var(--color-white);
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-cta-area .shape-group {
+ display: block;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .pv-cta-area .shape-group {
+ display: none;
+ }
+}
+
+.pv-cta-area .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.pv-cta-area .shape-group li.shape-1 {
+ top: 80px;
+ left: 7%;
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-cta-area .shape-group li.shape-1 {
+ left: 3%;
+ }
+}
+
+.pv-cta-area .shape-group li.shape-2 {
+ top: 90px;
+ left: 10%;
+ z-index: -1;
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-cta-area .shape-group li.shape-2 {
+ left: 7%;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px), only screen and (min-width: 992px) and (max-width: 1199px) {
+ .pv-cta-area .shape-group li.shape-2 img {
+ width: 85%;
+ }
+}
+
+.pv-cta-area .shape-group li.shape-3 {
+ top: 32%;
+ right: 11%;
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-cta-area .shape-group li.shape-3 {
+ right: 2%;
+ }
+}
+
+.pv-cta-area .shape-group li.shape-4 {
+ bottom: 25%;
+ right: 14%;
+}
+
+@media only screen and (max-width: 1199px) {
+ .pv-cta-area .shape-group li.shape-4 {
+ right: 2%;
+ }
+}
+
+.pv-cta-area .shape-group li.shape-4 span {
+ display: block;
+ height: 135px;
+ width: 135px;
+ border: 16px solid var(--color-tertiary);
+ border-radius: 50%;
+}
+
+/*-------------------
+ Team Styles
+---------------------*/
+.team-share-info {
+ margin: -5px;
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+.team-share-info li {
+ display: inline-block;
+ margin: 5px;
+}
+
+.team-share-info li a {
+ width: 40px;
+ height: 40px;
+ line-height: 39px;
+ border: 2px solid var(--color-white);
+ text-align: center;
+ border-radius: 50%;
+ font-size: 18px;
+ color: var(--color-white);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.team-share-info li a:hover {
+ background: var(--color-white);
+ color: var(--color-primary);
+}
+
+.edu-team-grid .thumbnail-wrap {
+ position: relative;
+}
+
+.edu-team-grid .thumbnail {
+ margin-bottom: 25px;
+}
+
+.edu-team-grid .thumbnail a {
+ border-radius: 10px;
+ position: relative;
+ display: block;
+}
+
+.edu-team-grid .thumbnail a img {
+ border-radius: 10px;
+ width: 100%;
+}
+
+.edu-team-grid .thumbnail a:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(26, 182, 157, 0.6);
+ border-radius: 10px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-team-grid .content {
+ text-align: center;
+}
+
+.edu-team-grid .content .title {
+ margin-bottom: 4px;
+}
+
+.edu-team-grid .content .designation {
+ display: inline-block;
+}
+
+.edu-team-grid .team-share-info li {
+ -webkit-transform: translateX(10px);
+ -ms-transform: translateX(10px);
+ transform: translateX(10px);
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-team-grid:hover .thumbnail a:after {
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-team-grid:hover .team-share-info li {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-team-grid:hover .team-share-info li:nth-child(1n) {
+ -webkit-transition-delay: .2s;
+ transition-delay: .2s;
+}
+
+.edu-team-grid:hover .team-share-info li:nth-child(2n) {
+ -webkit-transition-delay: .3s;
+ transition-delay: .3s;
+}
+
+.edu-team-grid:hover .team-share-info li:nth-child(3n) {
+ -webkit-transition-delay: .4s;
+ transition-delay: .4s;
+}
+
+.edu-team-grid:hover .team-share-info li:nth-child(4n) {
+ -webkit-transition-delay: .5s;
+ transition-delay: .5s;
+}
+
+.edu-team-grid.team-style-1 .team-share-info {
+ top: 20px;
+ right: 20px;
+ left: auto;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ margin: -10px 0;
+}
+
+.edu-team-grid.team-style-1 .team-share-info li {
+ display: block;
+ margin: 10px 0;
+ -webkit-transform: translateY(-10px);
+ -ms-transform: translateY(-10px);
+ transform: translateY(-10px);
+}
+
+.edu-team-grid.team-style-1 .team-share-info li:first-child {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-team-grid.team-style-1 .team-share-info li:first-child a {
+ border-color: var(--color-primary);
+ color: var(--color-primary);
+}
+
+.edu-team-grid.team-style-1:hover .team-share-info li {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+}
+
+.edu-team-grid.team-style-1:hover .team-share-info li:first-child a {
+ background-color: var(--color-white);
+ border-color: var(--color-white);
+ color: var(--color-primary);
+}
+
+.edu-team-grid.team-style-2 {
+ padding: 0 30px 36px;
+ position: relative;
+ z-index: 1;
+}
+
+.edu-team-grid.team-style-2:after {
+ content: "";
+ height: 75%;
+ width: 100%;
+ background-color: var(--color-white);
+ border-radius: 10px;
+ box-shadow: var(--shadow-darker);
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+}
+
+.edu-team-grid.team-style-2 .content .designation {
+ margin-bottom: 15px;
+}
+
+.edu-team-grid.team-style-2 .content p {
+ margin-bottom: 0;
+}
+
+.edu-team-grid.team-style-3 {
+ position: relative;
+}
+
+.edu-team-grid.team-style-3 .thumbnail {
+ margin-bottom: 0;
+}
+
+.edu-team-grid.team-style-3 .content {
+ text-align: left;
+ position: absolute;
+ bottom: 30px;
+ left: 30px;
+}
+
+.edu-team-grid.team-style-3 .content .title,
+ .edu-team-grid.team-style-3 .content .designation {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker2);
+ border-radius: 4px;
+}
+
+.edu-team-grid.team-style-3 .content .title {
+ margin-bottom: 10px;
+ font-size: 20px;
+ padding: 11px 25px 9px;
+}
+
+.edu-team-grid.team-style-3 .content .designation {
+ padding: 4px 20px;
+ font-size: 16px;
+}
+
+.edu-team-grid.team-style-3 .team-share-info {
+ top: 35%;
+}
+
+.edu-team-grid.team-style-4 {
+ position: relative;
+}
+
+.edu-team-grid.team-style-4 .thumbnail {
+ margin-bottom: 0;
+}
+
+.edu-team-grid.team-style-4 .thumbnail a:after {
+ background: -webkit-linear-gradient(215deg, rgba(49, 185, 120, 0.8) 0%, rgba(26, 182, 157, 0.8) 100%);
+ background: linear-gradient(-125deg, rgba(49, 185, 120, 0.8) 0%, rgba(26, 182, 157, 0.8) 100%);
+}
+
+.edu-team-grid.team-style-4 .content {
+ text-align: left;
+ display: inline-block;
+ margin-top: -30px;
+ position: relative;
+ margin-left: 30px;
+}
+
+.edu-team-grid.team-style-4 .content .title,
+ .edu-team-grid.team-style-4 .content .designation {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker2);
+ border-radius: 4px;
+}
+
+.edu-team-grid.team-style-4 .content .title {
+ margin-bottom: 10px;
+ font-size: 20px;
+ padding: 16px 25px 15px;
+}
+
+.edu-team-grid.team-style-4 .content .designation {
+ padding: 4px 20px;
+ font-size: 16px;
+}
+
+.edu-team-grid.team-style-5 .thumbnail {
+ margin-bottom: 0;
+}
+
+.edu-team-grid.team-style-5 .content {
+ position: relative;
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker2);
+ border-radius: 5px;
+ margin: -55px 30px 0;
+ padding: 30px 0 25px;
+}
+
+.team-area-3 {
+ position: relative;
+}
+
+.team-area-3 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.team-area-3 .shape-group li.shape-1 {
+ bottom: -20px;
+ left: 135px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .team-area-3 .shape-group li.shape-1 {
+ left: 0px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .team-area-3 .shape-group li.shape-1 {
+ left: -70px;
+ }
+}
+
+.team-area-4 {
+ position: relative;
+ -webkit-mask-image: url(../images/others/mask-04.png);
+ mask-image: url(../images/others/mask-04.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ background-color: var(--color-lighten01);
+ padding: 120px 0 390px;
+}
+
+.team-area-4 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.team-area-4 .shape-group li img {
+ -webkit-transform: scaleX(-1);
+ -ms-transform: scaleX(-1);
+ transform: scaleX(-1);
+ opacity: .2;
+}
+
+.team-area-4 .shape-group li.shape-1 {
+ top: 20px;
+ left: -10px;
+}
+
+.team-area-4 .shape-group li.shape-2 {
+ bottom: 35%;
+ right: 130px;
+}
+
+.team-area-4 .shape-group li.shape-3 {
+ top: 40px;
+ right: 240px;
+}
+
+.team-area-5 {
+ background-color: var(--color-lighten04);
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+}
+
+@media only screen and (max-width: 991px) {
+ .team-area-5 .shape-group {
+ display: none;
+ }
+}
+
+.team-area-5 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.team-area-5 .shape-group li.shape-1 {
+ top: -170px;
+ right: -150px;
+}
+
+.team-area-5 .shape-group li.shape-1 span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.team-area-5 .shape-group li.shape-2 {
+ top: 150px;
+ right: 8%;
+}
+
+.team-area-5 .shape-group li.shape-3 {
+ bottom: -110px;
+ left: -200px;
+}
+
+.team-area-5 .shape-group li.shape-3 span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.team-area-6 {
+ position: relative;
+}
+
+.team-area-6 .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.team-area-6 .shape-group li img {
+ opacity: .6;
+}
+
+.team-area-6 .shape-group li.shape-1 {
+ top: -165px;
+ left: -90px;
+}
+
+@media only screen and (max-width: 991px) {
+ .team-area-6 .shape-group li.shape-1 {
+ display: none;
+ }
+}
+
+.team-area-6 .shape-group li.shape-2 {
+ top: -180px;
+ right: -55px;
+}
+
+.team-area-6 .shape-group li.shape-3 {
+ bottom: -150px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .team-details-thumb {
+ text-align: center;
+ margin-bottom: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .team-details-thumb {
+ text-align: center;
+ margin-bottom: 40px;
+ }
+}
+
+.team-details-thumb .thumbnail {
+ margin-bottom: 30px;
+}
+
+.team-details-thumb .thumbnail img {
+ border-radius: 50%;
+}
+
+.team-details-thumb .social-share {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .team-details-content {
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .team-details-content {
+ text-align: center;
+ }
+}
+
+.team-details-content .main-info {
+ margin-bottom: 30px;
+}
+
+.team-details-content .main-info .subtitle {
+ font-weight: var(--p-medium);
+ color: var(--color-primary);
+ text-transform: uppercase;
+ margin-bottom: 6px;
+ display: block;
+}
+
+.team-details-content .main-info .title {
+ margin-bottom: 0;
+}
+
+.team-details-content .main-info .team-meta {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-top: 10px;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .team-details-content .main-info .team-meta {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .team-details-content .main-info .team-meta {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+.team-details-content .main-info .team-meta li {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: var(--color-heading);
+ margin-right: 40px;
+ position: relative;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.team-details-content .main-info .team-meta li:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #e5e5e5;
+ position: absolute;
+ top: 3px;
+ right: -22px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.team-details-content .main-info .team-meta li:last-child {
+ margin-right: 0;
+}
+
+.team-details-content .main-info .team-meta li:last-child:after {
+ display: none;
+}
+
+.team-details-content .main-info .team-meta li i {
+ color: #a7a7a7;
+ font-size: 15px;
+ margin-right: 7px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.team-details-content .main-info .team-meta li .rating {
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.team-details-content .main-info .team-meta li .rating i {
+ color: #f8b81f;
+ margin-right: 0;
+}
+
+.team-details-content .main-info .team-meta li .rating-count {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ margin-left: 10px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.team-details-content .contact-info {
+ margin-top: 40px;
+}
+
+.team-details-content .contact-info ul li span {
+ font-family: var(--font-secondary);
+ min-width: 100px;
+ display: inline-block;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-heading);
+}
+
+/*-------------------
+ Testimonial Styles
+---------------------*/
+.home-one-testimonial {
+ margin-top: 30px;
+}
+
+@media only screen and (max-width: 991px) {
+ .home-one-testimonial {
+ margin-top: 0px;
+ }
+}
+
+.testimonial-heading-area {
+ padding-right: 50px;
+}
+
+@media only screen and (max-width: 479px) {
+ .testimonial-heading-area {
+ padding-right: 0;
+ }
+}
+
+.testimonial-grid {
+ box-shadow: var(--shadow-darker);
+ background-color: var(--color-white);
+ border-radius: 10px;
+ padding: 60px 30px 50px;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+}
+
+.testimonial-grid:after {
+ content: url(../images/testimonial/shape-1.png);
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ z-index: -1;
+}
+
+.testimonial-grid .thumbnail {
+ display: inline-block;
+ position: relative;
+ margin-bottom: 35px;
+}
+
+.testimonial-grid .thumbnail img {
+ border-radius: 50%;
+}
+
+.testimonial-grid .thumbnail .qoute-icon {
+ height: 34px;
+ width: 34px;
+ line-height: 30px;
+ font-size: 13px;
+ color: var(--color-white);
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ border: 4px solid var(--color-white);
+ display: block;
+ text-align: center;
+ position: absolute;
+ bottom: -8px;
+ right: -12px;
+}
+
+.testimonial-grid .content p {
+ margin-bottom: 20px;
+ font-size: 16px;
+}
+
+.testimonial-grid .content .rating-icon {
+ margin-bottom: 6px;
+}
+
+.testimonial-grid .content .rating-icon i {
+ color: #f8b81f;
+}
+
+.testimonial-grid .content .title {
+ font-weight: var(--p-medium);
+ margin-bottom: 2px;
+}
+
+.testimonial-grid.testimonial-style-3 {
+ text-align: center;
+ margin-bottom: 40px;
+ margin-top: 30px;
+}
+
+.testimonial-grid.testimonial-style-3:after {
+ display: none;
+}
+
+.testimonial-slide .content {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ padding: 35px 28px 35px 40px;
+ border-radius: 4px;
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
+
+.testimonial-slide .content .logo {
+ margin-bottom: 22px;
+}
+
+.testimonial-slide .content p {
+ color: var(--color-heading);
+ font-size: 16px;
+ margin-bottom: 15px;
+}
+
+.testimonial-slide .content .rating-icon i {
+ color: #f8b81f;
+}
+
+.testimonial-slide .author-info {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.testimonial-slide .author-info .thumb {
+ margin-right: 20px;
+}
+
+.testimonial-slide .author-info .thumb img {
+ border-radius: 50%;
+}
+
+.testimonial-slide .author-info .info {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.testimonial-slide .author-info .info .title {
+ margin-bottom: 0;
+}
+
+.testimonial-slide.testimonial-style-2 .content {
+ padding: 45px 40px 50px 50px;
+ border-radius: 5px;
+}
+
+@media only screen and (max-width: 479px) {
+ .testimonial-slide.testimonial-style-2 .content {
+ padding: 40px 30px;
+ }
+}
+
+.testimonial-slide.testimonial-style-2 .content .rating-icon {
+ margin-bottom: 20px;
+}
+
+.testimonial-slide.testimonial-style-2 .content p {
+ margin-bottom: 24px;
+}
+
+.testimonial-slide.testimonial-style-3 .content {
+ background-color: transparent;
+ padding: 0;
+ box-shadow: none;
+ margin: 0;
+}
+
+.testimonial-slide.testimonial-style-3 .content .rating-icon {
+ margin-bottom: 15px;
+}
+
+.testimonial-slide.testimonial-style-3 .content p {
+ margin-bottom: 20px;
+}
+
+.testimonial-area-2 {
+ position: relative;
+}
+
+.testimonial-area-2 .testimonial-activation {
+ padding: 0 30px;
+ margin: -30px -30px 0;
+ margin-bottom: 50px;
+}
+
+.testimonial-area-2 .testimonial-activation .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+}
+
+.testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-active, .testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-next,
+ .testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-next + .swiper-slide {
+ opacity: 1;
+ visibility: visible;
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-next + .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-next {
+ opacity: 0;
+ visibility: hidden;
+ }
+}
+
+.testimonial-area-2 .swiper-pagination {
+ bottom: -70px;
+}
+
+.testimonial-area-2 .shape-group .shape-1 {
+ top: 168px;
+ right: -75px;
+}
+
+.testimonial-area-2 .shape-group .shape-2 {
+ top: 217px;
+ right: -106px;
+}
+
+.testimonial-area-2 .shape-group .shape-3 {
+ bottom: 50px;
+ left: 45%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+.testimonial-area-2.edu-section-gap .shape-group .shape-3 {
+ bottom: 58px;
+}
+
+.testimonial-area-3 {
+ position: relative;
+ -webkit-mask-image: url(../images/others/mask-04.png);
+ mask-image: url(../images/others/mask-04.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ background-color: var(--color-lighten04);
+ padding: 115px 0 250px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .testimonial-area-3 {
+ padding: 95px 0 200px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .testimonial-area-3 {
+ padding: 75px 0 180px;
+ }
+}
+
+.testimonial-area-3 .testimonial-activation-2 {
+ margin: 0 -45px;
+ padding: 0 30px;
+}
+
+.testimonial-area-3 .testimonial-activation-2 .testimonial-slide .content {
+ margin-top: 0;
+ margin-bottom: 50px;
+}
+
+.testimonial-area-3 .testimonial-activation-2 .swiper-wrapper .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+}
+
+.testimonial-area-3 .testimonial-activation-2 .swiper-wrapper .swiper-slide.swiper-slide-active, .testimonial-area-3 .testimonial-activation-2 .swiper-wrapper .swiper-slide.swiper-slide-next {
+ opacity: 1;
+ visibility: visible;
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-3 .testimonial-activation-2 .swiper-wrapper .swiper-slide.swiper-slide-next {
+ opacity: 0;
+ }
+}
+
+.testimonial-area-3 .swiper-pagination {
+ bottom: 235px;
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-3 .swiper-pagination {
+ bottom: 170px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .testimonial-area-3 .shape-group {
+ display: none;
+ }
+}
+
+.testimonial-area-3 .shape-group li.shape-1 {
+ top: 95px;
+ left: 95px;
+}
+
+.testimonial-area-3 .shape-group li.shape-2 {
+ bottom: 215px;
+ left: 245px;
+}
+
+.testimonial-area-3 .shape-group li.shape-3 {
+ bottom: 150px;
+ right: 170px;
+}
+
+.testimonial-area-3 .shape-group li.shape-4 {
+ top: 120px;
+ right: 70px;
+}
+
+.testimonial-area-3 .shape-group li.shape-5 {
+ bottom: 140px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+.testimonial-area-3 .shape-group li.shape-5 img {
+ -webkit-transform: scaleX(1);
+ -ms-transform: scaleX(1);
+ transform: scaleX(1);
+ opacity: 1;
+}
+
+.testimonial-area-4 {
+ padding: 120px 0 70px;
+ position: relative;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .testimonial-area-4 {
+ padding: 100px 0 50px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-4 .testimonial-heading-area {
+ padding-right: 0;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-4 .testimonial-heading-area .section-title.section-left {
+ text-align: center;
+ }
+}
+
+.testimonial-area-4 .testimonial-activation-3 {
+ margin: 0 -50px;
+ padding: 0 30px;
+ margin-top: -30px;
+ margin-bottom: 10px;
+}
+
+.testimonial-area-4 .testimonial-activation-3 .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+}
+
+.testimonial-area-4 .testimonial-activation-3 .swiper-slide.swiper-slide-active, .testimonial-area-4 .testimonial-activation-3 .swiper-slide.swiper-slide-next {
+ opacity: 1;
+ visibility: visible;
+}
+
+.testimonial-area-4 .shape-group li img {
+ opacity: .2;
+}
+
+.testimonial-area-4 .shape-group li.shape-1 {
+ bottom: 60px;
+ left: 42%;
+}
+
+.testimonial-area-4 .shape-group li.shape-2 {
+ bottom: 35px;
+ right: 12%;
+}
+
+.testimonial-area-4 .shape-group li.shape-2 img {
+ opacity: .7;
+}
+
+.testimonial-area-4 .swiper-navigation {
+ text-align: left;
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-4 .swiper-navigation {
+ text-align: center;
+ }
+}
+
+.testimonial-area-8 {
+ position: relative;
+}
+
+.testimonial-area-8::before {
+ position: absolute;
+ content: "";
+ left: 0;
+ bottom: 0;
+ right: 0;
+ z-index: -1;
+ background-image: url(../images/bg/h8-testimonial-bg.svg);
+ width: 100%;
+ height: 100%;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+}
+
+.testimonial-area-8 .testimonial-activation {
+ padding: 0 30px;
+ margin: -30px -30px 0;
+ margin-bottom: 50px;
+}
+
+.testimonial-area-8 .testimonial-activation .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+}
+
+.testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-active, .testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-next,
+ .testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-next + .swiper-slide {
+ opacity: 1;
+ visibility: visible;
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-next + .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-next {
+ opacity: 0;
+ visibility: hidden;
+ }
+}
+
+.testimonial-area-8 .testimonial-slide {
+ margin-top: 93px;
+}
+
+.testimonial-area-8 .testimonial-slide .author-info {
+ display: block;
+}
+
+.testimonial-area-8 .testimonial-slide .author-info .thumb {
+ margin-right: 0;
+ margin-top: -100px;
+ margin-bottom: 35px;
+}
+
+.testimonial-area-8 .testimonial-slide .content {
+ text-align: center;
+ margin-bottom: 45px;
+ border-radius: 10px;
+}
+
+.testimonial-area-8 .testimonial-slide .content p {
+ margin-bottom: 30px;
+}
+
+.testimonial-area-8 .testimonial-slide .content .info .title {
+ margin-bottom: 5px;
+}
+
+.testimonial-area-8 .shape-group li.shape-3 {
+ bottom: 109px;
+ left: 50%;
+ z-index: 1;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+.testimonial-area-8 .swiper-horizontal > .swiper-pagination-bullets,
+ .testimonial-area-8 .swiper-pagination-bullets.swiper-pagination-horizontal,
+ .testimonial-area-8 .swiper-pagination-custom, .testimonial-area-8 .swiper-pagination-fraction {
+ bottom: -30px;
+}
+
+.testimonial-area-9 {
+ background: var(--color-lighten01);
+}
+
+.testimonial-area-9 .testimonial-heading-area {
+ width: 380px;
+ padding-right: 0;
+ padding-top: 50px;
+ position: relative;
+ z-index: 12;
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-9 .testimonial-heading-area {
+ width: 100%;
+ text-align: center;
+ padding-top: 0;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-9 .testimonial-heading-area .section-left {
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-9 .bg-thumbnail {
+ text-align: center;
+ }
+}
+
+.testimonial-area-9 .bg-thumbnail .shape-group li.shape-3 {
+ left: -41px;
+ bottom: -87px;
+}
+
+.testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 {
+ top: -80px;
+ right: -105px;
+}
+
+.testimonial-area-9 .bg-thumbnail .shape-group li.shape-5 {
+ left: -54px;
+ bottom: -18px;
+ z-index: 1;
+}
+
+.testimonial-area-9 .health-bg-thumbnail {
+ margin-left: 34px;
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-9 .health-bg-thumbnail {
+ margin-left: 0;
+ }
+}
+
+.testimonial-area-9 .home-health-testimonial-activator {
+ margin-top: 110px;
+ padding-left: 20px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .testimonial-area-9 .home-health-testimonial-activator {
+ margin-top: 0;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-9 .home-health-testimonial-activator {
+ margin-top: 0;
+ padding-left: 0;
+ text-align: center;
+ }
+}
+
+.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid::after {
+ display: none;
+}
+
+.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .thumbnail {
+ margin-bottom: 25px;
+}
+
+.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content .title {
+ font-weight: var(--p-semi-bold);
+}
+
+.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content p {
+ color: var(--color-heading);
+}
+
+.testimonial-area-9 .home-health-testimonial-activator .swiper-navigation {
+ position: relative;
+ bottom: 25px;
+ left: 44px;
+ z-index: 12;
+}
+
+@media only screen and (max-width: 991px) {
+ .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation {
+ left: 0;
+ bottom: 20px;
+ }
+}
+
+.testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-prv,
+ .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-nxt {
+ line-height: 57px;
+}
+
+.testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-prv:hover img,
+ .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-nxt:hover img {
+ -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%);
+ filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%);
+}
+
+@media only screen and (max-width: 767px) {
+ .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-prv,
+ .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-nxt {
+ line-height: 45px;
+ }
+}
+
+.testimonial-area-9 .shape-group li.shape-1 {
+ bottom: 0px;
+ left: -169px;
+}
+
+.testimonial-area-9 .shape-group li.shape-2 {
+ top: -91px;
+ right: -150px;
+}
+
+.testimonial-coverflow {
+ margin: -55px 0;
+}
+
+.testimonial-coverflow .testimonial-grid {
+ margin: 55px 0;
+ position: relative;
+}
+
+@media only screen and (max-width: 575px) {
+ .testimonial-coverflow .testimonial-grid {
+ margin: 55px 30px;
+ }
+}
+
+.testimonial-coverflow .testimonial-grid:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: var(--color-white);
+ opacity: .7;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.testimonial-coverflow .swiper-slide {
+ padding: 0;
+}
+
+.testimonial-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-active .testimonial-grid:before {
+ opacity: 0;
+}
+
+.swiper-testimonial-slider-wrapper .swiper-slide {
+ opacity: 0;
+}
+
+.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible {
+ opacity: 1;
+}
+
+.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid {
+ margin-left: 36px;
+ box-shadow: 70px 0px 50px 0px rgba(26, 46, 85, 0.1);
+ padding: 40px 30px 50px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid {
+ margin-left: 0px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid {
+ margin-left: 40px;
+ }
+}
+
+.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid {
+ margin-left: 40px;
+ margin-right: 36px;
+ box-shadow: -40px 0px 50px 0px rgba(26, 46, 85, 0.1);
+ padding: 40px 30px 50px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid {
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid {
+ margin-left: 40px;
+ }
+}
+
+.testimonial-area-1 {
+ margin-bottom: -40px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .testimonial-area-1 {
+ margin-top: 0px;
+ }
+}
+
+.testimonial-area-1 .home-one-testimonial-activator {
+ padding: 0 30px;
+ margin: 0 -45px;
+ margin-top: -20px;
+}
+
+.testimonial-area-1 .home-one-testimonial-activator .swiper-wrapper .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+}
+
+.testimonial-area-1 .home-one-testimonial-activator .swiper-wrapper .swiper-slide.swiper-slide-active, .testimonial-area-1 .home-one-testimonial-activator .swiper-wrapper .swiper-slide.swiper-slide-next {
+ opacity: 1;
+ visibility: visible;
+}
+
+.testimonial-area-1 .home-one-testimonial-activator .testimonial-grid {
+ margin: 30px 0px 50px 0px;
+}
+
+.swiper-pagination .swiper-pagination-bullet {
+ height: 7px;
+ width: 7px;
+ background-color: rgba(26, 182, 157, 0.3);
+ opacity: 1;
+ margin: 0 8px !important;
+}
+
+.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
+ background-color: #1ab69d;
+}
+
+.testimonial-area-6 {
+ position: relative;
+}
+
+.testimonial-area-6:before {
+ content: "";
+ height: 925px;
+ width: 100%;
+ background: -webkit-linear-gradient(right, #f5f1eb 0%, rgba(245, 241, 235, 0.3) 100%);
+ background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, 0.3) 100%);
+ -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
+ clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .testimonial-area-6:before {
+ height: 55%;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .testimonial-area-6:before {
+ height: 55%;
+ }
+}
+
+.testimonial-area-6 .testimonial-activation-5 .swiper-wrapper .swiper-slide {
+ padding: 0;
+}
+
+.testimonial-area-6 .swiper-pagination {
+ bottom: 30px;
+ text-align: right;
+}
+
+.testimonial-area-6 .shape-group li.shape-1 {
+ bottom: 80px;
+ left: -100px;
+}
+
+.testimonial-area-6 .shape-group li.shape-2 {
+ top: -50px;
+ right: -94px;
+}
+
+.testimonial-area-6 .shape-group li.shape-3 {
+ top: -200px;
+ right: -250px;
+}
+
+.testimonial-area-6 .shape-group li.shape-3 span {
+ height: 400px;
+ width: 400px;
+ border: 1px solid #e8e6e3;
+ border-radius: 50%;
+ display: block;
+}
+
+/*-------------------
+ Video Styles
+---------------------*/
+.video-gallery {
+ position: relative;
+ z-index: 1;
+}
+
+.video-gallery .thumbnail {
+ position: relative;
+}
+
+.video-gallery .thumbnail img {
+ border-radius: 0 80px 0 120px;
+}
+
+.video-gallery .thumbnail .video-play-btn {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ border: 0;
+ width: 80px;
+ height: 80px;
+ line-height: 82px;
+ -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
+ transition: all 1s cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 50%;
+ background: var(--color-secondary);
+ margin: 0 auto;
+ display: inline-block;
+ font-size: 24px;
+ text-align: center;
+ color: var(--color-white);
+}
+
+@media only screen and (max-width: 575px) {
+ .video-gallery .thumbnail .video-play-btn {
+ width: 60px;
+ height: 60px;
+ line-height: 62px;
+ }
+}
+
+.video-gallery .thumbnail .video-play-btn i {
+ margin-left: 5px;
+}
+
+.video-gallery .thumbnail .video-play-btn:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ -webkit-animation: ripple 2s linear infinite;
+ animation: ripple 2s linear infinite;
+}
+
+.video-gallery .thumbnail .video-play-btn:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ -webkit-animation: ripple 2s linear 1s infinite;
+ animation: ripple 2s linear 1s infinite;
+}
+
+.video-gallery .thumbnail:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 0 80px 0 120px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.video-gallery .shape-group li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.video-gallery .shape-group li.shape-1 {
+ top: -70px;
+ right: -70px;
+}
+
+.video-gallery .shape-group li.shape-2 {
+ top: -100px;
+ right: 15px;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 767px) {
+ .video-gallery .shape-group li.shape-2 {
+ display: none;
+ }
+}
+
+.video-gallery .shape-group li.shape-3 {
+ bottom: -40px;
+ left: -130px;
+}
+
+.video-area-1 {
+ position: relative;
+}
+
+.video-area-1::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-13.png);
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-size: contain;
+}
+
+.video-area-2 {
+ position: relative;
+ z-index: 1;
+ padding: 210px 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .video-area-2 {
+ padding: 150px 0 200px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .video-area-2 {
+ padding: 120px 0 150px;
+ }
+}
+
+.video-area-2:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.6);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+}
+
+.video-banner-content {
+ text-align: center;
+}
+
+.video-banner-content .video-btn {
+ margin-bottom: 100px;
+}
+
+@media only screen and (max-width: 767px) {
+ .video-banner-content .video-btn {
+ margin-bottom: 70px;
+ }
+}
+
+.video-banner-content .video-play-btn {
+ position: relative;
+ border: 0;
+ width: 80px;
+ height: 80px;
+ line-height: 82px;
+ -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
+ transition: all 1s cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 50%;
+ background: var(--color-secondary);
+ margin: 0 auto;
+ display: inline-block;
+ font-size: 24px;
+ text-align: center;
+ color: var(--color-white);
+}
+
+.video-banner-content .video-play-btn i {
+ margin-left: 5px;
+}
+
+.video-banner-content .video-play-btn:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ -webkit-animation: ripple 2s linear infinite;
+ animation: ripple 2s linear infinite;
+}
+
+.video-banner-content .video-play-btn:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ -webkit-animation: ripple 2s linear 1s infinite;
+ animation: ripple 2s linear 1s infinite;
+}
+
+.video-banner-content .title {
+ color: var(--color-white);
+ margin-bottom: 0;
+}
+
+.video-area-3 {
+ margin-top: -270px;
+}
+
+.video-area-3 .video-gallery .thumbnail img {
+ border-radius: 10px;
+}
+
+.video-area-3 .video-gallery .thumbnail:before {
+ border-radius: 10px;
+}
+
+.video-area-3 .video-gallery .shape-group li.shape-1 {
+ top: -70px;
+ right: auto;
+ left: -70px;
+}
+
+.video-area-3 .video-gallery .shape-group li.shape-2 {
+ top: -20px;
+ right: auto;
+ left: -110px;
+}
+
+.video-area-3 .video-gallery .shape-group li.shape-3 {
+ bottom: -40px;
+ right: -40px;
+ left: auto;
+ z-index: 1;
+}
+
+.video-area-4 .video-gallery {
+ margin-bottom: -275px;
+}
+
+@media only screen and (max-width: 575px) {
+ .video-area-4 .video-gallery {
+ margin-bottom: 0px;
+ }
+}
+
+.video-gallery-5 {
+ margin-top: 40px;
+}
+
+.video-gallery-5 .thumbnail:before {
+ border-radius: 50px 10px 0 0;
+}
+
+.video-gallery-5 .thumbnail img {
+ border-radius: 50px 10px 0 0;
+ width: 100%;
+}
+
+.video-gallery-5 .content {
+ background-color: var(--color-white);
+ box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
+ border-radius: 0 0 10px 10px;
+ padding: 22px 30px;
+}
+
+.video-gallery-5 .content .title {
+ margin-bottom: 0;
+ width: 60%;
+}
+
+@media only screen and (max-width: 1199px) {
+ .video-gallery-5 .content .title {
+ width: 100%;
+ }
+}
+
+/*-------------------
+ Why Choose Styles
+---------------------*/
+.why-choose-content .section-title {
+ margin-bottom: 32px;
+}
+
+.why-choose-content .features-list .features-box {
+ padding: 0;
+ background-color: transparent;
+ box-shadow: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ text-align: left;
+ margin-bottom: 36px;
+}
+
+.why-choose-content .features-list .features-box .icon {
+ background-color: transparent;
+ margin-right: 30px;
+ margin-bottom: 0;
+}
+
+.why-choose-content .features-list .features-box .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.why-choose-content .features-list .features-box .content .title {
+ margin-bottom: 6px;
+}
+
+.why-choose-content .features-list .features-box .content p {
+ color: var(--color-body);
+}
+
+.why-choose-content .features-list .features-box.color-secondary-style .icon {
+ border: 1px solid rgba(238, 74, 98, 0.2);
+}
+
+.why-choose-content .features-list .features-box.color-secondary-style:hover .icon {
+ background-color: var(--color-secondary);
+}
+
+.why-choose-content .features-list .features-box.color-primary-style .icon {
+ border: 1px solid rgba(26, 182, 157, 0.2);
+}
+
+.why-choose-content .features-list .features-box.color-primary-style:hover .icon {
+ background-color: var(--color-primary);
+}
+
+.why-choose-content .features-list .features-box.color-extra05-style .icon {
+ border: 1px solid rgba(248, 148, 31, 0.2);
+}
+
+.why-choose-content .features-list .features-box.color-extra05-style:hover .icon {
+ background-color: var(--color-extra05);
+}
+
+.why-choose-gallery {
+ position: relative;
+ z-index: 1;
+}
+
+.why-choose-gallery .thumbnail img {
+ border-radius: 10px;
+}
+
+.why-choose-gallery .thumbnail.thumbnail-1 {
+ text-align: right;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .why-choose-gallery .thumbnail.thumbnail-1 {
+ margin-right: 80px;
+ }
+}
+
+.why-choose-gallery .thumbnail.thumbnail-2 {
+ margin-top: -230px;
+}
+
+@media only screen and (max-width: 767px) {
+ .why-choose-gallery .thumbnail.thumbnail-2 {
+ -webkit-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+ }
+}
+
+.why-choose-gallery .thumbnail.thumbnail-2 img {
+ background-color: var(--color-white);
+ padding: 10px;
+ box-shadow: 0 30px 90px 0 rgba(26, 46, 85, 0.1);
+}
+
+.why-choose-gallery .shape-group li.shape-1 {
+ top: 100px;
+ left: 30px;
+}
+
+.why-choose-gallery .shape-group li.shape-2 {
+ bottom: -35px;
+ right: 45px;
+}
+
+.why-choose-gallery .shape-group li.shape-2 img {
+ -webkit-animation: rotateIt 10s linear infinite;
+ animation: rotateIt 10s linear infinite;
+}
+
+.why-choose-area-2 {
+ position: relative;
+ z-index: 2;
+ overflow: hidden;
+ background-color: var(--color-white);
+}
+
+.why-choose-area-2:before {
+ content: "";
+ height: 68%;
+ width: 100%;
+ background-color: var(--color-lighten04);
+ -webkit-clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%);
+ clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+}
+
+@media only screen and (max-width: 991px) {
+ .why-choose-area-2 .shape-group {
+ display: none;
+ }
+}
+
+.why-choose-area-2 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.why-choose-area-2 .shape-group li.shape-1 {
+ top: -310px;
+ left: -50px;
+}
+
+.why-choose-area-2 .shape-group li.shape-1 span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.why-choose-area-2 .shape-group li.shape-2 {
+ top: 80px;
+ left: 100px;
+}
+
+.why-choose-area-2 .shape-group li.shape-3 {
+ top: 100px;
+ right: -20px;
+}
+
+.why-choose-area-2 .shape-group li.shape-3 span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.why-choose-area-2 .shape-group li.shape-4 {
+ top: 50px;
+ right: 10px;
+}
+
+.why-choose-area-2 .shape-group li.shape-5 {
+ bottom: -50px;
+ right: -50px;
+}
+
+.why-choose-area-2 .shape-group li.shape-5 span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 16px solid #f8b81f;
+ border-radius: 50%;
+}
+
+.why-choose-box.features-box {
+ box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
+ padding: 60px 50px 55px;
+ border-radius: 5px;
+}
+
+.why-choose-box.features-box .icon {
+ height: 90px;
+ width: 90px;
+ font-size: 44px;
+}
+
+.why-choose-box.features-box .content .title {
+ margin-bottom: 22px;
+}
+
+.why-choose-box-2.features-box {
+ box-shadow: var(--shadow-darker);
+ padding: 0 50px 55px;
+ border-radius: 5px 50px 5px 70px;
+}
+
+.why-choose-box-2.features-box .icon {
+ height: 90px;
+ width: 90px;
+ font-size: 44px;
+ -webkit-transform: translateY(-55px);
+ -ms-transform: translateY(-55px);
+ transform: translateY(-55px);
+ margin-top: 55px;
+ margin-bottom: -20px;
+ color: var(--color-white);
+}
+
+.why-choose-box-2.features-box .content .title {
+ margin-bottom: 22px;
+}
+
+.why-choose-box-2.features-box.color-primary-style .icon {
+ background-color: #1ab69d;
+}
+
+.why-choose-box-2.features-box.color-secondary-style .icon {
+ background-color: #ee4a62;
+}
+
+.why-choose-box-2.features-box.color-extra08-style .icon {
+ background-color: #4664e4;
+}
+
+.why-choose-box-3.features-box {
+ box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
+ padding: 0;
+ border-radius: 5px;
+ max-width: 370px;
+ margin: 0 auto;
+}
+
+.why-choose-box-3.features-box .thumbnail img {
+ border-radius: 5px 5px 0 0;
+}
+
+.why-choose-box-3.features-box .content {
+ padding: 0 40px 45px;
+}
+
+.why-choose-box-3.features-box .icon {
+ margin-top: -40px;
+ position: relative;
+ height: 90px;
+ width: 90px;
+ font-size: 44px;
+ color: var(--color-white);
+}
+
+.why-choose-box-3.features-box .content .title {
+ margin-bottom: 22px;
+}
+
+.why-choose-box-3.features-box.color-primary-style .icon {
+ background-color: #1ab69d;
+}
+
+.why-choose-box-3.features-box.color-secondary-style .icon {
+ background-color: #ee4a62;
+}
+
+.why-choose-box-3.features-box.color-extra08-style .icon {
+ background-color: #4664e4;
+}
+
+.why-choose-area-3 {
+ position: relative;
+ z-index: 2;
+ overflow: hidden;
+}
+
+@media only screen and (max-width: 991px) {
+ .why-choose-area-3 .shape-group {
+ display: none;
+ }
+}
+
+.why-choose-area-3 .shape-group li.shape-1 {
+ top: -180px;
+ left: 75px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .why-choose-area-3 .shape-group li.shape-1 {
+ left: -100px;
+ }
+}
+
+.why-choose-area-3 .shape-group li.shape-1 span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.why-choose-area-3 .shape-group li.shape-2 {
+ top: 195px;
+ left: 120px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .why-choose-area-3 .shape-group li.shape-2 {
+ left: 60px;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .why-choose-area-3 .shape-group li.shape-2 {
+ left: -60px;
+ top: 150px;
+ }
+}
+
+.why-choose-area-3 .shape-group li.shape-3 {
+ top: 210px;
+ right: -60px;
+}
+
+.why-choose-area-4 {
+ position: relative;
+ z-index: 2;
+}
+
+@media only screen and (max-width: 991px) {
+ .why-choose-area-4 .shape-group {
+ display: none;
+ }
+}
+
+.why-choose-area-4 .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.why-choose-area-4 .shape-group li.shape-1 {
+ top: -25px;
+ left: -205px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .why-choose-area-4 .shape-group li.shape-1 {
+ top: -35px;
+ left: -165px;
+ }
+}
+
+.why-choose-area-4 .shape-group li.shape-2 {
+ top: 10px;
+ right: -270px;
+}
+
+.why-choose-area-4 .shape-group li.shape-2 span {
+ height: 400px;
+ width: 400px;
+ border: 1px solid #e8e6e3;
+ border-radius: 50%;
+ display: block;
+}
+
+/*-------------------
+ 404 Error
+---------------------*/
+.error-page-area {
+ position: relative;
+}
+
+.error-page-area > .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.error-page-area > .shape-group li.shape-1 {
+ bottom: -12px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ opacity: .3;
+}
+
+.edu-error {
+ text-align: center;
+}
+
+.edu-error .thumbnail {
+ margin-bottom: 60px;
+ position: relative;
+ display: inline-block;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-error .thumbnail {
+ margin-bottom: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-error .thumbnail .shape-group {
+ display: none;
+ }
+}
+
+.edu-error .thumbnail .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.edu-error .thumbnail .shape-group li.shape-1 {
+ left: -46px;
+ top: -5px;
+ opacity: .4;
+}
+
+.edu-error .thumbnail .shape-group li.shape-2 {
+ left: 50px;
+ top: -15px;
+}
+
+.edu-error .thumbnail .shape-group li.shape-3 {
+ right: -46px;
+ top: -25px;
+ opacity: .4;
+}
+
+.edu-error .thumbnail .shape-group li.shape-4 {
+ right: -12px;
+ top: 40px;
+ z-index: 1;
+}
+
+.edu-error .content .title {
+ font-size: 50px;
+ margin-bottom: 10px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-error .content .title {
+ font-size: 40px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-error .content .title {
+ font-size: 30px;
+ }
+}
+
+.edu-error .content .subtitle {
+ margin-bottom: 65px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-error .content .subtitle {
+ margin-bottom: 50px;
+ }
+}
+
+.edu-error .content .edu-btn i {
+ padding-right: 10px;
+ font-size: 16px;
+ top: 1px;
+}
+
+.coming-soon-page-area {
+ height: 100vh;
+ width: 100%;
+ background: var(--gradient-primary);
+ background-position: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 50px 0;
+ min-height: 500px;
+ overflow-y: auto;
+ position: relative;
+ z-index: 1;
+ overflow-y: inherit;
+}
+
+.coming-soon-page-area::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-22.png);
+ z-index: -1;
+}
+
+.coming-soon-page-area .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.coming-soon-page-area .shape-group li.shape-1 {
+ top: 70px;
+ left: 155px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .coming-soon-page-area .shape-group li.shape-1 {
+ left: -55px;
+ }
+}
+
+.coming-soon-page-area .shape-group li.shape-2 {
+ top: 240px;
+ left: 360px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .coming-soon-page-area .shape-group li.shape-2 {
+ left: 105px;
+ }
+}
+
+.coming-soon-page-area .shape-group li.shape-3 {
+ top: 170px;
+ right: 19%;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .coming-soon-page-area .shape-group li.shape-3 {
+ right: 0;
+ }
+}
+
+.coming-soon-page-area .shape-group li.shape-4 {
+ top: 50px;
+ right: 14%;
+ height: 71px;
+ width: 71px;
+ border: 11px solid rgba(255, 255, 255, 0.2);
+ border-radius: 50%;
+}
+
+.coming-soon-content {
+ max-width: 660px;
+ margin: 0 auto;
+ text-align: center;
+}
+
+.coming-soon-content .coming-countdown {
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+
+@media only screen and (max-width: 767px) {
+ .coming-soon-content .coming-countdown .countdown-section {
+ margin: 0 15px 30px;
+ }
+
+ .coming-soon-content .coming-countdown .countdown-section .countdown-number {
+ font-size: 35px;
+ }
+
+ .coming-soon-content .coming-countdown .countdown-section:after {
+ top: -14px;
+ right: -20px;
+ }
+}
+
+.coming-soon-content .title {
+ font-size: 90px;
+ color: var(--color-white);
+ font-weight: var(--p-extra-bold);
+ margin-bottom: 70px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .coming-soon-content .title {
+ font-size: 75px;
+ margin-bottom: 60px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .coming-soon-content .title {
+ font-size: 65px;
+ margin-bottom: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .coming-soon-content .title {
+ font-size: 50px;
+ margin-bottom: 40px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .coming-soon-content .title {
+ font-size: 40px;
+ margin-bottom: 35px;
+ }
+}
+
+.coming-soon-content .input-group {
+ background-color: var(--color-white);
+ border-radius: 5px;
+ margin-top: 70px;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 10px;
+}
+
+@media only screen and (max-width: 767px) {
+ .coming-soon-content .input-group {
+ margin-top: 30px;
+ }
+}
+
+.coming-soon-content .input-group .form-control {
+ background-color: transparent;
+ height: 50px;
+}
+
+.coming-soon-content .input-group .form-control:focus {
+ box-shadow: none;
+}
+
+.coming-soon-content .input-group .edu-btn {
+ border-radius: 5px !important;
+ padding: 0 35px;
+}
+
+@media only screen and (max-width: 479px) {
+ .coming-soon-content .input-group .edu-btn {
+ padding: 0 15px;
+ }
+}
+
+/*=======================================================================
+ Modern Schooling Styles Starts
+=========================================================================*/
+.hero-banner.hero-style-8 {
+ min-height: 790px;
+ position: relative;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .hero-banner.hero-style-8 {
+ padding-top: 95px;
+ }
+}
+
+.hero-banner.hero-style-8 .banner-content {
+ z-index: 12;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-8 .banner-content {
+ text-align: center;
+ padding-bottom: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .hero-banner.hero-style-8 .banner-content {
+ padding-top: 50px;
+ }
+}
+
+.hero-banner.hero-style-8 .banner-content p {
+ padding-right: 90px;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-8 .banner-content p {
+ padding-right: 0;
+ }
+}
+
+.hero-banner.hero-style-8 .banner-content .banner-search {
+ width: 92%;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-8 .banner-content .banner-search {
+ width: 100%;
+ }
+}
+
+.hero-banner.hero-style-8 .banner-content .banner-search .input-group {
+ box-shadow: var(--shadow-darker3);
+ border: none;
+ border-radius: 4px;
+}
+
+.hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control {
+ height: 70px;
+ border: none;
+ line-height: 1;
+ font-size: 15px;
+ color: var(--color-body);
+ font-weight: 400;
+ padding: 0 0 0 20px;
+}
+
+.hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control:focus {
+ box-shadow: none;
+}
+
+.hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: var(--color-heading);
+ padding: 0 20px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn:hover {
+ color: var(--color-primary);
+}
+
+.hero-banner.hero-style-8 .banner-thumbnail {
+ margin-right: -100px;
+ margin-top: -60px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .hero-banner.hero-style-8 .banner-thumbnail {
+ margin-right: -40px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-8 .banner-thumbnail {
+ margin-right: 0;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-8 .banner-thumbnail .thumbnail {
+ padding-bottom: 100px;
+ }
+}
+
+.hero-banner.hero-style-8 .banner-thumbnail .instructor-info {
+ bottom: -60px;
+ left: 35px;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-8 .banner-thumbnail .instructor-info {
+ left: 0;
+ bottom: 90px;
+ }
+}
+
+.hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 {
+ top: 120px;
+ left: 162px;
+}
+
+.hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-2 {
+ top: 92px;
+ left: inherit;
+ right: -30px;
+}
+
+.hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-3 {
+ top: inherit;
+ left: inherit;
+ right: -100px;
+ bottom: 9px;
+}
+
+@media only screen and (min-width: 1401px) and (max-width: 1650px) {
+ .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-3 {
+ right: -40px;
+ }
+}
+
+.hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-4 {
+ top: -25px;
+ right: inherit;
+ left: -10px;
+ z-index: -1;
+}
+
+.hero-banner.hero-style-8 .shape-group li {
+ position: absolute;
+}
+
+.hero-banner.hero-style-8 .shape-group li.shape-5 {
+ left: -220px;
+ top: -240px;
+ z-index: 1;
+}
+
+.hero-banner.hero-style-8 .shape-group li.shape-5 span {
+ display: block;
+ width: 400px;
+ height: 400px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.hero-banner.hero-style-8 .shape-group li.shape-6 {
+ left: -297px;
+ top: -23px;
+ z-index: 1;
+}
+
+.brand-area-6 {
+ background-color: var(--cta-color-bg);
+ padding: 30px 0;
+}
+
+.brand-area-6 .brand-grid-wrap .brand-grid {
+ border-right: 1px solid #e8eced;
+}
+
+.categorie-area-4 .categorie-grid {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ background: transparent;
+ padding: 0;
+ text-align: left;
+}
+
+.categorie-area-4 .categorie-grid .icon {
+ font-size: 40px;
+ margin: 0 20px 0 0;
+}
+
+.categorie-area-4 .categorie-grid .icon .computer-science {
+ font-size: 33px;
+}
+
+.categorie-area-4 .categorie-grid .icon .health-fitness {
+ font-size: 46px;
+}
+
+.categorie-area-4 .categorie-grid .icon .personal-development {
+ font-size: 44px;
+}
+
+.categorie-area-4 .categorie-grid .icon .art-design {
+ font-size: 45px;
+}
+
+.categorie-area-4 .categorie-grid .icon .video-photography {
+ font-size: 37px;
+}
+
+.categorie-area-4 .categorie-grid .icon .data-science {
+ font-size: 41px;
+}
+
+.categorie-area-4 .categorie-grid.color-primary-style, .categorie-area-4 .categorie-grid.color-secondary-style, .categorie-area-4 .categorie-grid.color-extra01-style, .categorie-area-4 .categorie-grid.color-extra02-style, .categorie-area-4 .categorie-grid.color-extra03-style, .categorie-area-4 .categorie-grid.color-extra04-style, .categorie-area-4 .categorie-grid.color-extra05-style, .categorie-area-4 .categorie-grid.color-extra06-style, .categorie-area-4 .categorie-grid.color-extra07-style, .categorie-area-4 .categorie-grid.color-tertiary-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4 .content {
+ margin-top: 13px;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4 .content .title {
+ font-size: 16px;
+ margin-bottom: 5px;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4 .content span {
+ display: block;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-primary-style .content .title:hover {
+ color: var(--color-primary);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-secondary-style .content .title:hover {
+ color: var(--color-secondary);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-extra01-style .content .title:hover {
+ color: var(--color-extra01);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-extra02-style .content .title:hover {
+ color: var(--color-extra02);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-extra03-style .content .title:hover {
+ color: var(--color-extra03);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-extra04-style .content .title:hover {
+ color: var(--color-extra04);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-extra05-style .content .title:hover {
+ color: var(--color-extra05);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-extra06-style .content .title:hover {
+ color: var(--color-extra06);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-extra07-style .content .title:hover {
+ color: var(--color-extra07);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4.color-tertiary-style .content .title:hover {
+ color: var(--color-tertiary);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-primary-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-primary-style .icon {
+ background-color: var(--color-primary);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-secondary-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-secondary-style .icon {
+ background-color: var(--color-secondary);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra01-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra01-style .icon {
+ background-color: var(--color-extra01);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra02-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra02-style .icon {
+ background-color: var(--color-extra02);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra03-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra03-style .icon {
+ background-color: var(--color-extra03);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra04-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra04-style .icon {
+ background-color: var(--color-extra04);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra05-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra05-style .icon {
+ background-color: var(--color-extra05);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra06-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra06-style .icon {
+ background-color: var(--color-extra06);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra07-style .icon {
+ background-color: var(--color-extra07);
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-tertiary-style {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-tertiary-style .icon {
+ background-color: var(--color-tertiary);
+}
+
+.categorie-area-4 .categorie-grid:hover {
+ background-color: transparent;
+}
+
+.categorie-area-4 .categorie-grid:hover .content .title {
+ color: var(--color-heading);
+}
+
+@media only screen and (max-width: 991px) {
+ .faq-style-5 .section-title {
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .faq-style-5 .edu-faq-gallery .thumbnail-1 {
+ text-align: center;
+ }
+}
+
+.faq-style-5 .edu-faq-gallery .shape-group li.shape-1 {
+ top: 179px;
+ left: 3px;
+}
+
+.faq-style-5 .edu-faq-gallery .shape-group li.shape-2 {
+ right: 147px;
+ top: 61%;
+}
+
+.faq-style-5 .edu-faq-gallery .shape-group li.shape-3 {
+ bottom: 0;
+ left: -66%;
+}
+
+.faq-style-5 .faq-accordion .accordion-item .accordion-button {
+ background: var(--gradient-primary);
+ -webkit-transition: background .3s ease;
+ transition: background .3s ease;
+}
+
+.faq-style-5 .faq-accordion .accordion-item .accordion-button.collapsed {
+ background: transparent;
+}
+
+.edu-cta-banner-area-6 {
+ background: var(--gradient-primary);
+ width: 100%;
+ overflow: visible !important;
+}
+
+.edu-cta-banner-area-6 .thumbnail img {
+ height: 567px;
+ margin-top: -67px;
+ margin-left: 60px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .edu-cta-banner-area-6 .thumbnail img {
+ margin-top: -30px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-cta-banner-area-6 .thumbnail img {
+ display: none;
+ }
+}
+
+.edu-cta-banner-area-6 .section-title {
+ padding: 120px 0;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-cta-banner-area-6 .section-title {
+ text-align: center;
+ padding: 70px 0;
+ }
+
+ .edu-cta-banner-area-6 .section-title br {
+ display: none;
+ }
+}
+
+.edu-cta-banner-area-6 .section-title .title {
+ color: var(--color-white);
+}
+
+.edu-cta-banner-area-6 .section-title a.edu-btn.btn-sceondary:hover {
+ color: var(--color-heading) !important;
+ background-color: var(--color-white) !important;
+}
+
+.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-01 {
+ top: 100px !important;
+ left: -8px !important;
+}
+
+.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-02 {
+ top: 161px !important;
+ left: -64px !important;
+ bottom: inherit !important;
+}
+
+.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-03 {
+ left: 28% !important;
+ bottom: 100px !important;
+ z-index: -1 !important;
+ right: inherit !important;
+ top: inherit !important;
+}
+
+.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-04 {
+ top: inherit !important;
+ right: inherit !important;
+ bottom: 29% !important;
+ left: 29% !important;
+ z-index: 1;
+}
+
+.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-05 {
+ top: 110px !important;
+ right: -251px !important;
+}
+
+.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-06 {
+ top: 0 !important;
+ right: -32% !important;
+}
+
+.edu-cta-banner-area-6 .btn-secondary::after {
+ background: var(--color-white);
+}
+
+.edu-cta-banner-area-6 .btn-secondary:hover {
+ color: var(--color-heading) !important;
+}
+
+/*=======================================================================
+ Modern Schooling Styles End
+=========================================================================*/
+/*=======================================================================
+ Health Coach Styles Starts
+=========================================================================*/
+.hero-banner.hero-style-9 {
+ position: relative;
+ overflow: hidden;
+}
+
+.hero-banner.hero-style-9 .slider {
+ width: 100%;
+ height: 95vh;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ position: relative;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-9 .slider {
+ height: auto;
+ }
+}
+
+.hero-banner.hero-style-9 .slider .container {
+ position: relative;
+ padding-top: 200px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .hero-banner.hero-style-9 .slider .container {
+ padding-top: 150px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .hero-banner.hero-style-9 .slider .container {
+ padding-top: 100px;
+ }
+}
+
+.hero-banner.hero-style-9 .slider .container .shape-group li.shape-1 {
+ left: -460px;
+ top: -308px;
+ z-index: -1;
+}
+
+.hero-banner.hero-style-9 .slider .container .shape-group li.shape-1 span {
+ display: block;
+ width: 474px;
+ height: 474px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+}
+
+.hero-banner.hero-style-9 .slider .container .shape-group li.shape-2 {
+ left: -257px;
+ top: 70px;
+}
+
+.hero-banner.hero-style-9 .slider .container .shape-group li.shape-4 {
+ bottom: 25%;
+ left: -330px;
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-content {
+ width: calc(61% - 120px);
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ margin-right: 40px;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-9 .slider .health-slider-content {
+ width: 100%;
+ margin-right: 0;
+ margin-bottom: 30px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .hero-banner.hero-style-9 .slider .health-slider-content br {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide {
+ padding: 0;
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner {
+ width: 100%;
+ display: block;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner {
+ text-align: center;
+ }
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner .pre-title {
+ font-weight: var(--p-bold);
+ text-transform: uppercase;
+ letter-spacing: 2.5px;
+ margin-left: 5px;
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner .title {
+ padding-top: 15px;
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner p {
+ font-size: 18px;
+ color: var(--color-heading);
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-main {
+ width: calc(44vw + 80px);
+ height: calc(80vh - 150px);
+ overflow: hidden;
+ margin: 0;
+ position: absolute;
+ left: calc(60% - 80px);
+ top: 100px;
+}
+
+@media only screen and (max-width: 991px) {
+ .hero-banner.hero-style-9 .slider .health-slider-main {
+ width: 100%;
+ position: static;
+ }
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-main .swiper-slide {
+ padding: 0;
+}
+
+.hero-banner.hero-style-9 .slider .health-slider-main .slide-image {
+ width: 100%;
+ height: 100%;
+ display: inline-block;
+ background-position: center !important;
+ background-size: cover !important;
+}
+
+.hero-banner.hero-style-9 .hero-slider-bg-controls {
+ position: absolute;
+ left: 0;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ z-index: 10;
+}
+
+@media (max-width: 1400px) {
+ .hero-banner.hero-style-9 .hero-slider-bg-controls {
+ display: none;
+ }
+}
+
+.hero-banner.hero-style-9 .hero-slider-bg-controls .swiper-slide-controls {
+ display: inline-block;
+ width: 60px;
+ height: 60px;
+ line-height: 60px;
+ -webkit-transition: all .4s ease-out;
+ transition: all .4s ease-out;
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ cursor: pointer;
+}
+
+.hero-banner.hero-style-9 .hero-slider-bg-controls .swiper-slide-controls i {
+ font-size: 20px;
+ line-height: 58px;
+}
+
+.hero-banner.hero-style-9 .hero-slider-bg-controls .swiper-slide-controls:hover {
+ -webkit-transition: all .4s ease-out;
+ transition: all .4s ease-out;
+ background-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.hero-banner.hero-style-9 .hero-slider-bg-controls .slide-prev,
+ .hero-banner.hero-style-9 .hero-slider-bg-controls .slide-next {
+ position: relative;
+ width: 60px !important;
+ margin-left: auto;
+ margin-right: 6px;
+ text-align: center;
+ border-radius: 50%;
+ box-shadow: var(--shadow-darker3);
+}
+
+.hero-banner.hero-style-9 .hero-slider-bg-controls .slide-next {
+ right: 0px;
+ top: -69px;
+}
+
+.hero-banner.hero-style-9 .hero-slider-bg-controls .slide-prev {
+ right: -70px;
+ top: 0;
+}
+
+.hero-banner.hero-style-9 .shape-group li.shape-3 {
+ top: 35px;
+ left: 39%;
+}
+
+.hero-banner.hero-style-9 .shape-group li.shape-5 {
+ right: 38.5%;
+ bottom: 12.6%;
+ z-index: 1;
+}
+
+.hero-banner.hero-style-9 .shape-group li.shape-6 {
+ right: 42.5%;
+ bottom: 14.5%;
+}
+
+@media only screen and (max-width: 991px) {
+ .features-area-5 {
+ padding-top: 100px;
+ }
+}
+
+.features-area-5 .features-box {
+ box-shadow: none;
+ padding: 0;
+ -webkit-transition: var(--transition-2);
+ transition: var(--transition-2);
+}
+
+.features-area-5 .features-box .icon {
+ width: 120px;
+ height: 120px;
+ margin: 0 auto -50px;
+ border: 7px solid var(--color-white);
+ box-shadow: var(--shadow-darker4);
+ border-radius: 50%;
+ position: relative;
+ z-index: 123;
+ -webkit-transition: var(--transition-2);
+ transition: var(--transition-2);
+}
+
+.features-area-5 .features-box .content {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ padding: 100px 40px 50px 40px;
+ border-radius: 5px;
+}
+
+@media only screen and (max-width: 991px) {
+ .features-area-5 .features-box .content {
+ margin-bottom: 20px;
+ }
+}
+
+.features-area-5 .features-box .content .title {
+ font-weight: var(--p-bold);
+}
+
+.features-area-5 .features-box.color-primary-style .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(53%) sepia(56%) saturate(571%) hue-rotate(121deg) brightness(99%) contrast(92%);
+ filter: brightness(0) saturate(100%) invert(53%) sepia(56%) saturate(571%) hue-rotate(121deg) brightness(99%) contrast(92%);
+}
+
+.features-area-5 .features-box.color-primary-style:hover .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+ filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+}
+
+.features-area-5 .features-box.color-secondary-style .icon {
+ background-color: rgba(238, 74, 98, 0.1);
+ box-shadow: 0px 20px 70px 0px rgba(176, 57, 75, 0.2);
+}
+
+.features-area-5 .features-box.color-secondary-style .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(47%) sepia(93%) saturate(3371%) hue-rotate(324deg) brightness(96%) contrast(93%);
+ filter: brightness(0) saturate(100%) invert(47%) sepia(93%) saturate(3371%) hue-rotate(324deg) brightness(96%) contrast(93%);
+}
+
+.features-area-5 .features-box.color-secondary-style:hover .icon {
+ background-color: #ee4a62;
+}
+
+.features-area-5 .features-box.color-secondary-style:hover .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+ filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+}
+
+.features-area-5 .features-box.color-extra06-style .icon {
+ background-color: #e7f7fe;
+ box-shadow: 0px 20px 70px 0px rgba(27, 89, 116, 0.2);
+}
+
+.features-area-5 .features-box.color-extra06-style .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(67%) sepia(25%) saturate(4311%) hue-rotate(170deg) brightness(104%) contrast(96%);
+ filter: brightness(0) saturate(100%) invert(67%) sepia(25%) saturate(4311%) hue-rotate(170deg) brightness(104%) contrast(96%);
+}
+
+.features-area-5 .features-box.color-extra06-style:hover .icon {
+ background-color: var(--color-extra06);
+}
+
+.features-area-5 .features-box.color-extra06-style:hover .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+ filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+}
+
+.categorie-area-5 {
+ position: relative;
+}
+
+.categorie-area-5::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-32.webp);
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ z-index: -1;
+}
+
+.categorie-area-5 .categorie-grid {
+ padding: 30px 30px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ text-align: left;
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+}
+
+.categorie-area-5 .categorie-grid .icon {
+ height: 80px;
+ width: 80px;
+ border-radius: 50%;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 32px;
+ margin: 0 auto 28px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.categorie-area-5 .categorie-grid .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ margin-top: 10px;
+ margin-left: 20px;
+}
+
+.categorie-area-5 .categorie-grid .content .title {
+ font-weight: var(--p-bold);
+ margin-bottom: 10px;
+ color: var(--color-heading);
+}
+
+.categorie-area-5 .categorie-grid .content p {
+ color: var(--color-body);
+ margin-bottom: 0;
+}
+
+.categorie-area-5 .categorie-grid.color-primary .icon {
+ background-color: rgba(26, 182, 157, 0.07);
+ color: #1ab69d;
+}
+
+.categorie-area-5 .categorie-grid.color-primary:hover .icon {
+ background-color: #1ab69d;
+ color: var(--color-white);
+}
+
+.categorie-area-5 .categorie-grid.color-secondary .icon {
+ background-color: rgba(238, 74, 98, 0.102);
+ color: #ee4a62;
+}
+
+.categorie-area-5 .categorie-grid.color-secondary:hover .icon {
+ background-color: #ee4a62;
+ color: var(--color-white);
+}
+
+.categorie-area-5 .categorie-grid.color-extra08 .icon {
+ background-color: rgba(70, 100, 228, 0.102);
+ color: #4664e4;
+}
+
+.categorie-area-5 .categorie-grid.color-extra08:hover .icon {
+ background-color: #4664e4;
+ color: var(--color-white);
+}
+
+.categorie-area-5 .categorie-grid.color-tertiary .icon {
+ background-color: rgba(248, 148, 31, 0.102);
+}
+
+.categorie-area-5 .categorie-grid.color-tertiary .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(605%) hue-rotate(343deg) brightness(101%) contrast(95%);
+ filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(605%) hue-rotate(343deg) brightness(101%) contrast(95%);
+}
+
+.categorie-area-5 .categorie-grid.color-tertiary:hover .icon {
+ background-color: #f8941f;
+}
+
+.categorie-area-5 .categorie-grid.color-tertiary:hover .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
+ filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
+}
+
+.categorie-area-5 .categorie-grid.color-extra02 .icon {
+ background-color: rgba(142, 86, 255, 0.102);
+}
+
+.categorie-area-5 .categorie-grid.color-extra02 .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(46%) sepia(76%) saturate(4932%) hue-rotate(240deg) brightness(101%) contrast(104%);
+ filter: brightness(0) saturate(100%) invert(46%) sepia(76%) saturate(4932%) hue-rotate(240deg) brightness(101%) contrast(104%);
+}
+
+.categorie-area-5 .categorie-grid.color-extra02:hover .icon {
+ background-color: #8e56ff;
+}
+
+.categorie-area-5 .categorie-grid.color-extra02:hover .icon img {
+ -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
+ filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
+}
+
+.categorie-area-5 .categorie-grid.color-extra07 .icon {
+ background-color: rgba(249, 37, 150, 0.102);
+ color: #f92596;
+}
+
+.categorie-area-5 .categorie-grid.color-extra07 .icon.Physical-activity {
+ font-size: 30px;
+}
+
+.categorie-area-5 .categorie-grid.color-extra07:hover .icon {
+ background-color: #f92596;
+ color: var(--color-white);
+}
+
+/*=======================================================================
+ Health Coach Styles End
+=========================================================================*/
+/*=======================================================================
+4.Blocks Styles
+=========================================================================*/
+/*--------------------------
+ Header Styles
+--------------------------*/
+.edu-header .header-mainmenu {
+ background-color: var(--color-white);
+ box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);
+ position: relative;
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-header .header-mainmenu {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-header .header-mainmenu {
+ padding-top: 12px;
+ padding-bottom: 12px;
+ }
+}
+
+.edu-header .header-mainmenu.edu-sticky {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 99;
+ background-color: var(--color-white);
+ -webkit-animation: headerSticky .95s ease forwards;
+ animation: headerSticky .95s ease forwards;
+}
+
+.edu-header .header-navbar {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-header .header-navbar {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+.edu-header .header-navbar .header-mainnav {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-header .header-navbar .header-mainnav {
+ display: none;
+ }
+}
+
+.edu-header .header-brand {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.edu-header .header-brand img.logo-dark {
+ display: none;
+}
+
+.edu-header .header-brand img.logo-light {
+ display: inline-block;
+}
+
+.edu-header .header-brand .logo {
+ margin-right: 40px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-header .header-brand .logo {
+ margin-right: 15px;
+ }
+}
+
+.edu-header .header-brand .logo a {
+ display: block;
+}
+
+.edu-header .header-category {
+ border-left: 1.5px solid #f2f2f2;
+ border-right: 1.5px solid #f2f2f2;
+ margin-right: 10px;
+}
+
+@media only screen and (max-width: 1350px) {
+ .edu-header .header-category {
+ display: none;
+ }
+}
+
+.edu-header .header-category .mainmenu li.has-droupdown > a {
+ padding: 0 40px;
+}
+
+.edu-header .header-category .mainmenu li.has-droupdown > a i {
+ padding-right: 10px;
+ font-size: 18px;
+ position: relative;
+ top: 2px;
+}
+
+.edu-header .header-category .mainmenu li.has-droupdown > a:after {
+ display: none;
+}
+
+.edu-header.header-fullwidth .header-mainmenu,
+.edu-header.header-fullwidth .header-top-bar {
+ padding-left: 62px;
+ padding-right: 62px;
+}
+
+@media only screen and (max-width: 1699px) {
+ .edu-header.header-fullwidth .header-mainmenu,
+ .edu-header.header-fullwidth .header-top-bar {
+ padding-left: 22px;
+ padding-right: 22px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-header.header-fullwidth .header-mainmenu,
+ .edu-header.header-fullwidth .header-top-bar {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+/*------------------------
+ Header Style One
+--------------------------*/
+.header-style-1 {
+ position: relative;
+ z-index: 1234;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .header-style-1 .header-top .header-top-left .header-notify {
+ font-size: 13px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .header-style-1 .header-top .header-top-left .header-notify {
+ text-align: center;
+ padding: 15px 0 5px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .header-style-1 .header-top .header-top-left .header-notify {
+ text-align: center;
+ padding: 15px 0 5px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .header-style-1 .header-top .header-info {
+ margin: 0 -20px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .header-style-1 .header-top .header-info {
+ margin: 0 -10px;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .header-style-1 .header-top .header-info li {
+ padding: 14px 15px 12px;
+ font-size: 13px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .header-style-1 .header-top .header-info li {
+ padding: 10px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .header-style-1 .header-top .header-info li:after {
+ height: 50%;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .header-style-1 .header-top .header-info li:after {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 1350px) {
+ .header-style-1 .header-top .header-info li:nth-last-child(2):after {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 1350px) {
+ .header-style-1 .header-top .header-info li.social-icon {
+ display: none;
+ }
+}
+
+@media only screen and (max-width: 1350px) {
+ .header-style-1 .header-mainnav .mainmenu-nav .mainmenu {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+.header-style-1 .header-action li.search-icon {
+ display: none;
+}
+
+@media only screen and (max-width: 1699px) {
+ .header-style-1 .header-action li.search-icon {
+ display: block;
+ }
+}
+
+/*------------------------
+ Header Style Two
+--------------------------*/
+.header-style-2 .header-mainmenu .header-right {
+ position: relative;
+ padding-left: 50px;
+ margin-left: 22px;
+}
+
+@media only screen and (max-width: 479px) {
+ .header-style-2 .header-mainmenu .header-right {
+ padding-left: 20px;
+ margin-left: 0px;
+ }
+}
+
+.header-style-2 .header-mainmenu .header-right:after {
+ content: "";
+ height: 40px;
+ width: 2px;
+ background-color: #f2f2f2;
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ left: 0;
+}
+
+.header-style-2 .header-mainmenu .mainmenu {
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+}
+
+.header-style-2 .header-action {
+ margin: 0 -16px;
+}
+
+.header-style-2 .header-action li {
+ margin: 0 16px;
+}
+
+.header-style-2 .header-action li.icon a .count {
+ background-color: var(--color-secondary);
+}
+
+.header-style-2 .header-action li.icon.cart-icon {
+ margin-right: 26px;
+}
+
+.header-style-2 .header-top-bar {
+ background-color: var(--color-lighten04);
+}
+
+.header-style-2 .header-top .header-info li {
+ color: var(--color-heading);
+ font-weight: 500;
+}
+
+.header-style-2 .header-top .header-info li:after {
+ background-color: #e0ddd7;
+ height: 30px;
+ display: none;
+}
+
+.header-style-2 .header-top .header-info li:first-child:after {
+ display: block;
+}
+
+.header-style-2 .header-top .header-info li a {
+ color: var(--color-heading);
+}
+
+.header-style-2 .header-top .header-info li i {
+ color: var(--color-secondary);
+}
+
+/*------------------------
+ Header Style Three
+--------------------------*/
+.header-style-3 .header-mainmenu .header-right {
+ position: relative;
+ padding-left: 50px;
+ margin-left: 22px;
+}
+
+@media only screen and (max-width: 479px) {
+ .header-style-3 .header-mainmenu .header-right {
+ padding-left: 20px;
+ margin-left: 0px;
+ }
+}
+
+.header-style-3 .header-mainmenu .header-right:after {
+ content: "";
+ height: 40px;
+ width: 2px;
+ background-color: #f2f2f2;
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ left: 0;
+}
+
+.header-style-3 .header-mainmenu .mainmenu {
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+}
+
+.header-style-3 .header-action {
+ margin: 0 -16px;
+}
+
+.header-style-3 .header-action li {
+ margin: 0 16px;
+}
+
+.header-style-3 .header-action li.icon.cart-icon {
+ margin-right: 26px;
+}
+
+.header-style-3 .header-top-bar {
+ background-color: #232323;
+}
+
+.header-style-3 .header-top .header-info li {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.header-style-3 .header-top .header-info li:after {
+ background-color: rgba(255, 255, 255, 0.2);
+ height: 30px;
+ display: none;
+}
+
+.header-style-3 .header-top .header-info li:first-child:after {
+ display: block;
+}
+
+.header-style-3 .header-top .header-info li a {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.header-style-3 .header-top .header-info li a:hover {
+ color: var(--color-white);
+}
+
+.header-style-3 .header-top .header-info li i {
+ color: var(--color-primary);
+}
+
+/*------------------------
+ Header Style Four
+--------------------------*/
+.header-style-4 {
+ position: relative;
+ z-index: 5;
+}
+
+.header-style-4:before {
+ content: url(../images/others/shape-19.png);
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+@media only screen and (max-width: 1399px) {
+ .header-style-4:before {
+ display: none;
+ }
+}
+
+.header-style-4:after {
+ content: url(../images/others/shape-20.png);
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+}
+
+@media only screen and (max-width: 1399px) {
+ .header-style-4:after {
+ display: none;
+ }
+}
+
+.header-style-4 .header-mainmenu {
+ box-shadow: none;
+ background: transparent;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.header-style-4 .header-mainmenu.edu-sticky {
+ box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);
+}
+
+.header-style-4.header-fullwidth .header-mainmenu {
+ padding-left: 90px;
+ padding-right: 90px;
+}
+
+@media only screen and (max-width: 1350px) {
+ .header-style-4.header-fullwidth .header-mainmenu {
+ padding-left: 40px;
+ padding-right: 40px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .header-style-4.header-fullwidth .header-mainmenu {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+.header-style-4 .header-navbar .header-mainnav {
+ margin-left: 25px;
+}
+
+@media only screen and (max-width: 1350px) {
+ .header-style-4 .header-navbar .header-mainnav {
+ margin-left: 0;
+ }
+}
+
+@media only screen and (max-width: 1350px) {
+ .header-style-4 .header-navbar .header-mainnav .mainmenu {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+.header-style-4 .header-action li.search-icon {
+ display: none;
+}
+
+@media only screen and (max-width: 1699px) {
+ .header-style-4 .header-action li.search-icon {
+ display: block;
+ }
+}
+
+/*--------------------------
+ Navigation Styles
+----------------------------*/
+.mainmenu-nav .mainmenu {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin: 0;
+ padding: 0;
+ font-family: var(--font-secondary);
+}
+
+.mainmenu-nav .mainmenu > li > a {
+ color: var(--color-heading);
+ font-size: 15px;
+ font-weight: 600;
+ padding: 0 26px;
+ display: block;
+ height: 90px;
+ line-height: 94px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .mainmenu-nav .mainmenu > li > a {
+ padding: 0 17px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .mainmenu-nav .mainmenu > li > a {
+ padding: 0 12px;
+ }
+}
+
+.mainmenu-nav .mainmenu > li > a:hover, .mainmenu-nav .mainmenu > li > a.active {
+ color: var(--color-primary) !important;
+}
+
+.mainmenu-nav .mainmenu li {
+ margin-top: 0;
+ margin-bottom: 0;
+ position: relative;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown > a {
+ position: relative;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown > a::after {
+ position: absolute;
+ content: "\e91e";
+ font-family: 'icomoon';
+ right: 8px;
+ top: 0;
+ font-size: 6px;
+ font-weight: 400;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .mainmenu-nav .mainmenu li.has-droupdown > a::after {
+ right: 0px;
+ }
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu {
+ min-width: 270px;
+ height: auto;
+ position: absolute;
+ top: 90%;
+ left: 0;
+ z-index: 8;
+ opacity: 0;
+ visibility: hidden;
+ text-align: left;
+ padding: 20px 0 25px;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ background-color: var(--color-white);
+ box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
+ pointer-events: none;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu li {
+ position: relative;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
+ font-size: 15px;
+ font-weight: 600;
+ padding: 5px 30px;
+ display: block;
+ color: var(--color-heading);
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover {
+ color: var(--color-primary) !important;
+ background: var(--color-darker);
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu li a.active {
+ color: var(--color-primary) !important;
+ background: var(--color-darker);
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown > a::after {
+ -webkit-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ top: 10px;
+ right: 40px;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown .submenu {
+ position: absolute;
+ left: 100%;
+ top: 90%;
+ z-index: 90;
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown:hover .submenu {
+ left: 100%;
+ top: 0;
+ z-index: 90;
+ opacity: 1;
+ visibility: visible;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown:hover > .submenu {
+ opacity: 1;
+ visibility: visible;
+ top: 100%;
+ pointer-events: auto;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown:hover .mega-menu {
+ opacity: 1;
+ visibility: visible;
+ top: 100%;
+ pointer-events: auto;
+}
+
+.mainmenu-nav .mainmenu li.has-droupdown:hover .mega-menu .submenu {
+ pointer-events: auto;
+}
+
+.mainmenu-nav .mainmenu li ul.mega-menu {
+ min-width: 1170px;
+ height: auto;
+ position: absolute;
+ top: 90%;
+ left: -324px;
+ z-index: 10;
+ opacity: 0;
+ visibility: hidden;
+ padding: 70px 0;
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+ background-color: var(--color-white);
+ box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ pointer-events: none;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1599px) {
+ .mainmenu-nav .mainmenu li ul.mega-menu {
+ left: -524px;
+ }
+}
+
+@media only screen and (max-width: 1350px) {
+ .mainmenu-nav .mainmenu li ul.mega-menu {
+ left: -473px;
+ }
+}
+
+.mainmenu-nav .mainmenu li ul.mega-menu .menu-title {
+ font-weight: 700;
+ padding-left: 100px;
+ margin-bottom: 0;
+}
+
+.mainmenu-nav .mainmenu li ul.mega-menu > li {
+ border-right: 1px solid var(--color-border);
+}
+
+.mainmenu-nav .mainmenu li ul.mega-menu > li:last-child {
+ border-right: 0;
+}
+
+.mainmenu-nav .mainmenu li ul.mega-menu .submenu {
+ position: initial;
+ visibility: visible;
+ opacity: 1;
+ box-shadow: none;
+ padding: 20px 0 0 70px;
+}
+
+.badge {
+ display: inline-block;
+ padding: 0.63em 0.65em 0.35em 0.65em;
+ font-size: 9px;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-bold);
+ line-height: 1;
+ color: var(--color-white);
+ background-color: var(--color-primary);
+ text-transform: uppercase;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
+ margin-left: 5px;
+}
+
+.badge-1 {
+ display: inline-block;
+ padding: 0.63em 0.65em 0.35em 0.65em;
+ font-size: 9px;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-bold);
+ line-height: 1;
+ color: var(--color-white);
+ background-color: var(--color-secondary);
+ text-transform: uppercase;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
+ margin-left: 5px;
+}
+
+.header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu,
+.header-style-3 .mainmenu-nav .mainmenu li ul.mega-menu {
+ left: auto;
+ right: -397px;
+}
+
+/*--------------------------
+ Header Top Styles
+--------------------------*/
+.header-top-bar {
+ background-color: #1f2432;
+}
+
+@media only screen and (max-width: 991px) {
+ .header-top-bar {
+ display: none;
+ }
+}
+
+.header-top {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .header-top {
+ display: block;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .header-top {
+ display: block;
+ }
+}
+
+.header-top .header-top-left {
+ margin-right: 30px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .header-top .header-top-left {
+ margin-right: 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .header-top .header-top-left {
+ margin-right: 0;
+ }
+}
+
+.header-top .header-top-right {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: right;
+}
+
+.header-top .header-notify {
+ font-family: var(--font-secondary);
+ font-size: 14px;
+ color: var(--color-white);
+}
+
+.header-top .header-notify a {
+ color: var(--color-secondary);
+ text-decoration: underline;
+ font-weight: 500;
+}
+
+.header-top .header-notify a:hover {
+ color: var(--color-primary);
+}
+
+.header-top .header-info {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin: 0 -30px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .header-top .header-info {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .header-top .header-info {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin: 0 -15px;
+ }
+}
+
+.header-top .header-info li {
+ display: inline-block;
+ margin: 0;
+ font-family: var(--font-secondary);
+ font-size: 14px;
+ color: var(--color-white);
+ padding: 14px 30px 12px;
+ position: relative;
+}
+
+@media only screen and (max-width: 767px) {
+ .header-top .header-info li {
+ padding: 15px;
+ }
+}
+
+.header-top .header-info li:after {
+ content: "";
+ height: 100%;
+ width: 1px;
+ background-color: rgba(255, 255, 255, 0.1);
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ right: 0;
+}
+
+.header-top .header-info li a {
+ color: var(--color-white);
+}
+
+.header-top .header-info li a:hover {
+ color: var(--color-secondary);
+}
+
+.header-top .header-info li i {
+ font-size: 15px;
+ color: var(--color-secondary);
+ padding-right: 10px;
+ position: relative;
+ top: 1px;
+}
+
+.header-top .header-info li:last-child:after {
+ display: none;
+}
+
+.header-top .header-info li.social-icon {
+ margin: 0 -12px;
+}
+
+.header-top .header-info li.social-icon a {
+ padding: 0 12px;
+}
+
+.header-top .header-info li.social-icon a i {
+ color: var(--color-white);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ padding: 0;
+}
+
+.header-top .header-info li.social-icon a:hover i {
+ color: var(--color-secondary);
+}
+
+.header-top .header-info li.header-btn {
+ padding: 0 30px 0 0;
+}
+
+@media only screen and (max-width: 991px) {
+ .header-top .header-info li.header-btn {
+ padding: 0;
+ }
+}
+
+.header-top .header-info li.header-btn .edu-btn {
+ color: var(--color-white);
+ border-radius: 0;
+ overflow: visible;
+}
+
+.header-top .header-info li.header-btn .edu-btn i {
+ color: var(--color-white);
+ padding-right: 0;
+ font-size: 11px;
+ top: 0;
+}
+
+.header-top .header-info li.header-btn .edu-btn:after {
+ border-radius: 0;
+}
+
+/*------------------------
+ Header Actions
+-------------------------*/
+.header-action {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0 -20px;
+}
+
+@media only screen and (max-width: 575px) {
+ .header-action {
+ margin: 0 -10px;
+ }
+}
+
+.header-action li {
+ margin: 0 20px;
+ line-height: 1;
+}
+
+@media only screen and (max-width: 575px) {
+ .header-action li {
+ margin: 0 10px;
+ }
+}
+
+.header-action li.icon a {
+ font-size: 22px;
+ color: var(--color-heading);
+ position: relative;
+}
+
+.header-action li.icon a .count {
+ position: absolute;
+ top: -9px;
+ right: -10px;
+ display: block;
+ text-align: center;
+ height: 20px;
+ width: 20px;
+ line-height: 23px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ color: var(--color-white);
+ font-size: 12px;
+ font-weight: 500;
+ font-family: var(--font-secondary);
+}
+
+.header-action li.icon a:hover {
+ color: var(--color-primary);
+}
+
+.header-action li.icon.cart-icon {
+ margin-right: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .header-action li.icon.cart-icon {
+ margin-right: 20px;
+ }
+}
+
+@media only screen and (max-width: 1699px) {
+ .header-action .search-bar {
+ display: none;
+ }
+}
+
+.header-action .search-bar .input-group {
+ border: 1px solid #e5e5e5;
+ border-radius: 4px;
+}
+
+.header-action .search-bar .input-group .form-control {
+ height: 50px;
+ border: none;
+ line-height: 1;
+ font-size: 15px;
+ color: var(--color-heading);
+ font-weight: 400;
+ padding: 0 0 0 20px;
+}
+
+.header-action .search-bar .input-group .form-control:focus {
+ box-shadow: none;
+}
+
+.header-action .search-bar .input-group .search-btn {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: var(--color-heading);
+ padding: 0 20px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.header-action .search-bar .input-group .search-btn:hover {
+ color: var(--color-primary);
+}
+
+@media only screen and (max-width: 767px) {
+ .header-action .header-btn {
+ display: none;
+ }
+}
+
+.header-action .header-btn a {
+ display: block;
+ color: var(--color-white);
+ padding: 0 30px;
+}
+
+.header-action .mobile-menu-bar .hamberger-button {
+ background-color: transparent;
+ border: none;
+ padding: 0;
+ color: var(--color-heading);
+ font-size: 15px;
+ line-height: 1;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.header-action .mobile-menu-bar .hamberger-button:hover {
+ color: var(--color-primary);
+}
+
+/*------------------------------
+ Popup Menu Styles
+--------------------------------*/
+.popup-mobile-menu {
+ z-index: 9999;
+ position: fixed;
+ content: "";
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: rgba(0, 0, 0, 0.8);
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: opacity .5s ease-out;
+ transition: opacity .5s ease-out;
+}
+
+.popup-mobile-menu .inner {
+ width: 305px;
+ z-index: 999;
+ position: absolute;
+ background: #FFFFFF;
+ box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
+ height: 100%;
+ height: 100vh;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ opacity: 0;
+ left: -150px;
+ -webkit-transition: all .5s ease-out;
+ transition: all .5s ease-out;
+}
+
+.popup-mobile-menu .inner .header-top {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ border-bottom: 1px solid var(--color-border);
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 15px 20px;
+}
+
+.popup-mobile-menu .inner .header-top .logo a img {
+ max-height: 45px;
+}
+
+.popup-mobile-menu .inner .header-top .logo a img.logo-dark {
+ display: none;
+}
+
+.popup-mobile-menu .inner .header-top .logo a img.logo-light {
+ display: inline-block;
+}
+
+.popup-mobile-menu .inner .header-top .close-menu .close-button {
+ background: var(--color-white);
+ border: 0 none;
+ color: var(--color-heading);
+ width: 40px;
+ height: 40px;
+ font-size: 14px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border-radius: 100%;
+ box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.popup-mobile-menu .inner .header-top .close-menu .close-button:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+}
+
+.popup-mobile-menu.active {
+ visibility: visible;
+ opacity: 1;
+}
+
+.popup-mobile-menu.active .inner {
+ opacity: 1;
+ left: 0;
+ overflow-y: auto;
+}
+
+.popup-mobile-menu .mainmenu {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ padding: 15px 20px;
+}
+
+.popup-mobile-menu .mainmenu li {
+ margin: 0;
+}
+
+.popup-mobile-menu .mainmenu li a {
+ padding: 8px 0;
+ display: block;
+ font-size: 16px;
+ font-weight: 500;
+}
+
+.popup-mobile-menu .mainmenu li a.active {
+ color: var(--color-primary) !important;
+}
+
+.popup-mobile-menu .mainmenu li + li {
+ border-top: 1px solid var(--color-border);
+}
+
+.popup-mobile-menu .mainmenu .has-droupdown .submenu {
+ padding: 0;
+ max-width: 100%;
+ list-style: none;
+ padding-left: 14px;
+ display: none;
+}
+
+.popup-mobile-menu .mainmenu .has-droupdown .submenu li a {
+ font-size: 15px;
+}
+
+.popup-mobile-menu .mainmenu .has-droupdown .submenu li a.active {
+ color: var(--color-primary) !important;
+}
+
+.popup-mobile-menu .mainmenu .has-droupdown > a {
+ position: relative;
+}
+
+.popup-mobile-menu .mainmenu .has-droupdown > a::after {
+ position: absolute;
+ content: "\e942";
+ font-family: 'icomoon' !important;
+ right: 0;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ -webkit-transition: 0.4s;
+ transition: 0.4s;
+ font-size: 12px;
+}
+
+.popup-mobile-menu .mainmenu .has-droupdown > a.open::after {
+ content: "\ea0b";
+}
+
+.popup-mobile-menu .mainmenu .mega-menu {
+ padding: 0;
+ max-width: 100%;
+ list-style: none;
+ padding-left: 14px;
+ display: none;
+}
+
+.popup-mobile-menu .mainmenu .mega-menu > li .menu-title {
+ margin-bottom: 5px;
+ padding-top: 15px;
+}
+
+.popup-mobile-menu .mainmenu .mega-menu .submenu {
+ padding: 0;
+ margin: 0;
+ display: block;
+}
+
+/*----------------------
+ Search Popup
+-----------------------*/
+.edu-search-popup {
+ position: fixed;
+ top: 0px;
+ left: 0;
+ right: 0;
+ width: 100%;
+ z-index: 99;
+ -webkit-transform: scale(1, 0);
+ -ms-transform: scale(1, 0);
+ transform: scale(1, 0);
+ -webkit-transform-origin: top center;
+ -ms-transform-origin: top center;
+ transform-origin: top center;
+ -webkit-transition: -webkit-transform 0.7s ease;
+ transition: -webkit-transform 0.7s ease;
+ transition: transform 0.7s ease;
+ transition: transform 0.7s ease, -webkit-transform 0.7s ease;
+}
+
+.edu-search-popup.open {
+ -webkit-transform-origin: top center;
+ -ms-transform-origin: top center;
+ transform-origin: top center;
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ transform: scale(1, 1);
+ height: 100%;
+}
+
+.edu-search-popup .content-wrap {
+ background-color: var(--color-white);
+ width: 100%;
+ min-height: 560px;
+ position: relative;
+ box-shadow: 0px 10px 40px 0 rgba(0, 0, 0, 0.08);
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 20px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-search-popup .content-wrap {
+ min-height: 450px;
+ }
+}
+
+.edu-search-popup .site-logo {
+ position: absolute;
+ top: 60px;
+ left: 70px;
+}
+
+.edu-search-popup .site-logo img.logo-dark {
+ display: none;
+}
+
+.edu-search-popup .site-logo img.logo-light {
+ display: inline-block;
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-search-popup .site-logo {
+ top: 40px;
+ left: 20px;
+ }
+}
+
+.edu-search-popup .close-button {
+ position: absolute;
+ right: 62px;
+ top: 62px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-search-popup .close-button {
+ top: 50px;
+ right: 15px;
+ }
+}
+
+.edu-search-popup .close-button .close-trigger {
+ background: transparent;
+ border: none;
+ color: var(--color-heading);
+ font-size: 22px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-search-popup .close-button .close-trigger:hover {
+ color: var(--color-primary);
+}
+
+.edu-search-popup .inner {
+ width: 100%;
+ max-width: 1170px;
+ margin: 0 auto;
+}
+
+.edu-search-popup .inner .search-form {
+ position: relative;
+ border-bottom: 1px solid var(--color-border);
+}
+
+.edu-search-popup .inner .search-form input {
+ height: 90px;
+ border: 0 none;
+ border-radius: 5px;
+ background: transparent;
+ padding: 0;
+ padding-right: 55px;
+ font-weight: 400;
+ font-family: var(--font-secondary);
+ font-size: 24px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-search-popup .inner .search-form input {
+ font-size: 16px;
+ height: 60px;
+ }
+}
+
+.edu-search-popup .inner .search-form .submit-button {
+ position: absolute;
+ right: 0;
+ padding: 0;
+ margin: 0;
+ border: 0 none;
+ outline: none;
+ color: var(--color-heading);
+ background: transparent;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ font-size: 24px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-search-popup .inner .search-form .submit-button:hover {
+ color: var(--color-primary);
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-search-popup .inner .search-form .submit-button {
+ font-size: 20px;
+ }
+}
+
+.edu-search-popup::before {
+ position: absolute;
+ background-color: transparent;
+ content: "";
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+}
+
+.no-topbar .edu-search-popup {
+ top: 0px;
+}
+
+/*-------------------------
+ Footer Styles
+-------------------------*/
+.edu-footer {
+ position: relative;
+}
+
+.edu-footer .footer-top {
+ position: relative;
+ padding: 100px 0 95px;
+}
+
+.edu-footer .footer-top::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/BG-3.png);
+ background-repeat: no-repeat;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-footer .footer-top::before {
+ display: none;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-footer .footer-top {
+ padding: 80px 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-footer .footer-top {
+ padding: 60px 0;
+ }
+}
+
+.edu-footer.footer-style-1 {
+ background-color: #F0F4F5;
+}
+
+.edu-footer.footer-style-1 .footer-top .edu-footer-widget .logo a img.logo-dark {
+ display: none;
+}
+
+.edu-footer.footer-style-2 {
+ background-color: #111212;
+}
+
+.edu-footer.footer-style-2 .footer-top .edu-footer-widget .widget-title {
+ color: #ffffff;
+}
+
+.edu-footer.footer-style-3 {
+ background-color: #111212;
+}
+
+.edu-footer.footer-style-7 .footer-top::before {
+ display: none;
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .logo a img.logo-dark {
+ display: none;
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .description {
+ color: var(--footer-text);
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .widget-title {
+ font-weight: var(--p-bold);
+ margin-top: 12px;
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner {
+ margin-top: 30px;
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a {
+ color: var(--footer-text);
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a:hover {
+ color: var(--color-primary);
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li {
+ color: var(--footer-text);
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a {
+ color: var(--footer-text);
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a:hover {
+ color: var(--color-primary);
+}
+
+.edu-footer.footer-style-7 .footer-top .edu-footer-widget .social-share {
+ margin-top: 20px;
+}
+
+.edu-footer.footer-style-7 .footer-top .shape-group li.shape-1 {
+ left: 100px;
+ bottom: 45px;
+}
+
+.edu-footer.footer-style-7 .footer-top .shape-group li.shape-2 {
+ right: 100px;
+ bottom: -2px;
+}
+
+.edu-footer.footer-style-7 .copyright-area {
+ border-top: 1px solid var(--color-border);
+}
+
+.edu-footer.footer-style-7 .copyright-area a {
+ color: var(--color-heading);
+}
+
+.edu-footer .description {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.edu-footer .information-list li {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.edu-footer .information-list li span {
+ font-weight: 500;
+ margin-right: 5px;
+}
+
+.edu-footer .information-list li a {
+ -webkit-transition: 0.3s;
+ transition: 0.3s;
+}
+
+.edu-footer .information-list li + li {
+ margin-top: 5px;
+}
+
+.edu-footer .information-list li:hover a {
+ color: var(--color-primary);
+}
+
+.edu-footer .edu-footer-widget {
+ position: relative;
+ z-index: 1;
+}
+
+.edu-footer .edu-footer-widget .logo a img.logo-light {
+ display: inline-block;
+}
+
+.edu-footer .edu-footer-widget .inner {
+ margin-top: 36px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-footer .edu-footer-widget .inner {
+ margin-top: 20px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-footer .edu-footer-widget .inner {
+ margin-top: 20px;
+ }
+}
+
+.edu-footer .edu-footer-widget .footer-link {
+ list-style: none;
+ padding: 0;
+ margin-bottom: 0;
+}
+
+.edu-footer .edu-footer-widget .footer-link li {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.edu-footer .edu-footer-widget .footer-link li a {
+ display: block;
+ line-height: 26px;
+}
+
+.edu-footer .edu-footer-widget .footer-link li + li {
+ margin-top: 11px;
+}
+
+.edu-footer .edu-footer-widget .footer-link li:hover a {
+ color: var(--color-primary);
+}
+
+.edu-footer .edu-footer-widget .input-group {
+ margin-bottom: 35px;
+}
+
+.edu-footer .edu-footer-widget .input-group .form-control {
+ background-color: var(--color-white);
+ border-radius: 5px !important;
+ font-size: var(--font-size-b1);
+ font-weight: 400;
+ border: none;
+ height: auto;
+ padding: 0 15px;
+}
+
+.edu-footer .edu-footer-widget .input-group button {
+ margin-left: 10px !important;
+ border-radius: 5px !important;
+}
+
+.edu-footer .edu-footer-widget.explore-widget {
+ margin-left: 65px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .edu-footer .edu-footer-widget.explore-widget {
+ margin-left: 0;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-footer .edu-footer-widget.explore-widget {
+ margin-left: 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-footer .edu-footer-widget.explore-widget {
+ margin-left: 0;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-footer .edu-footer-widget .input-group.footer-subscription-form {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-footer .edu-footer-widget .input-group.footer-subscription-form .form-control {
+ width: 100%;
+ height: 50px;
+ margin-bottom: 20px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-footer .edu-footer-widget .input-group.footer-subscription-form button {
+ margin-left: 0px !important;
+ }
+}
+
+.edu-footer.footer-dark .widget-title {
+ color: var(--color-white);
+}
+
+.edu-footer.footer-dark p {
+ color: #bababa;
+}
+
+.edu-footer.footer-dark li {
+ color: #bababa;
+}
+
+.edu-footer.footer-dark a {
+ color: #bababa;
+}
+
+.edu-footer.footer-lighten .widget-title {
+ font-weight: var(--p-bold);
+}
+
+.edu-footer.footer-lighten p {
+ color: var(--footer-text);
+}
+
+.edu-footer.footer-lighten li {
+ color: var(--footer-text);
+}
+
+.edu-footer.footer-lighten a {
+ color: var(--footer-text);
+}
+
+.edu-footer.footer-light p {
+ color: var(--color-heading);
+}
+
+.edu-footer.footer-light li {
+ color: var(--color-heading);
+}
+
+.edu-footer.footer-light a {
+ color: var(--color-heading);
+}
+
+.edu-footer.footer-light .edu-footer-widget .input-group .form-control {
+ background-color: var(--color-lighten04);
+}
+
+.edu-footer.footer-kindergarten {
+ background-color: #111212;
+}
+
+.edu-footer.footer-kindergarten .footer-top {
+ padding: 100px 0 40px;
+}
+
+.edu-footer.footer-kindergarten .footer-top::before {
+ display: none;
+}
+
+.edu-footer.footer-kindergarten .edu-footer-widget .widget-information {
+ margin-bottom: 24px;
+}
+
+.edu-footer.footer-kindergarten .widget-title {
+ color: var(--color-white);
+}
+
+.edu-footer.footer-kindergarten p {
+ color: #bababa;
+}
+
+.edu-footer.footer-kindergarten li {
+ color: #bababa;
+}
+
+.edu-footer.footer-kindergarten a {
+ color: #bababa;
+}
+
+.edu-footer.footer-kindergarten .copyright-area {
+ position: relative;
+ z-index: 1;
+}
+
+.edu-footer.footer-kindergarten .copyright-area::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-3.svg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ z-index: -1;
+}
+
+.edu-footer.footer-for-kitchen .footer-top::before {
+ display: none;
+}
+
+.edu-footer.footer-for-kitchen .shape-group li.shape-1 {
+ top: 45px;
+ left: 6%;
+}
+
+@media only screen and (max-width: 1650px), only screen and (min-width: 1401px) and (max-width: 1750px) {
+ .edu-footer.footer-for-kitchen .shape-group li.shape-1 {
+ left: 0;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .edu-footer.footer-for-kitchen .shape-group li.shape-1 {
+ left: -80px;
+ }
+}
+
+.edu-footer.footer-for-kitchen .shape-group li.shape-2 {
+ bottom: 30px;
+ left: 40px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .edu-footer.footer-for-kitchen .shape-group li.shape-2 {
+ left: 0;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .edu-footer.footer-for-kitchen .shape-group li.shape-2 {
+ left: -80px;
+ }
+}
+
+.edu-footer.footer-for-kitchen .shape-group li.shape-3 {
+ bottom: -50px;
+ left: 46%;
+}
+
+.edu-footer.footer-for-kitchen .shape-group li.shape-4 {
+ bottom: -10px;
+ right: 40px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .edu-footer.footer-for-kitchen .shape-group li.shape-4 {
+ right: 0;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .edu-footer.footer-for-kitchen .shape-group li.shape-4 {
+ right: -50px;
+ }
+}
+
+.edu-footer.footer-for-kitchen .shape-group li.shape-5 {
+ top: 50px;
+ right: 6%;
+}
+
+@media only screen and (max-width: 1650px) {
+ .edu-footer.footer-for-kitchen .shape-group li.shape-5 {
+ right: 0;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ .edu-footer.footer-for-kitchen .shape-group li.shape-5 {
+ right: -50px;
+ }
+}
+
+.edu-footer.footer-for-yoga .footer-top::before {
+ display: none;
+}
+
+.edu-footer.footer-for-yoga .shape-group li img {
+ opacity: .3;
+}
+
+.edu-footer.footer-for-yoga .shape-group li.shape-1 {
+ top: 45px;
+ left: 6%;
+}
+
+@media only screen and (max-width: 1650px), only screen and (min-width: 1401px) and (max-width: 1750px) {
+ .edu-footer.footer-for-yoga .shape-group li.shape-1 {
+ left: 0;
+ }
+}
+
+.edu-footer.footer-for-yoga .shape-group li.shape-2 {
+ bottom: 30px;
+ left: 40px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .edu-footer.footer-for-yoga .shape-group li.shape-2 {
+ left: 0;
+ }
+}
+
+.edu-footer.footer-for-yoga .shape-group li.shape-2 img {
+ opacity: .2;
+}
+
+.edu-footer.footer-for-yoga .shape-group li.shape-3 {
+ bottom: -83px;
+ left: 46%;
+}
+
+.edu-footer.footer-for-yoga .shape-group li.shape-3 img {
+ opacity: .7;
+}
+
+.edu-footer.footer-for-yoga .shape-group li.shape-4 {
+ bottom: -10px;
+ right: 40px;
+}
+
+@media only screen and (max-width: 1650px) {
+ .edu-footer.footer-for-yoga .shape-group li.shape-4 {
+ right: 0;
+ }
+}
+
+.edu-footer.footer-for-yoga .shape-group li.shape-4 img {
+ opacity: .2;
+}
+
+.edu-footer.footer-for-yoga .shape-group li.shape-5 {
+ top: 50px;
+ right: 6%;
+}
+
+@media only screen and (max-width: 1650px) {
+ .edu-footer.footer-for-yoga .shape-group li.shape-5 {
+ right: 0;
+ }
+}
+
+.edu-footer .copyright-area a {
+ color: var(--color-primary);
+ -webkit-transition: background 0.2s linear;
+ transition: background 0.2s linear;
+}
+
+.edu-footer .copyright-area a:hover {
+ background: var(--gradient-primary);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+/*-------------------------
+ Copyright Styles
+--------------------------*/
+.copyright-area {
+ padding: 32px 0;
+}
+
+.copyright-area p {
+ margin-bottom: 0;
+}
+
+.footer-dark .copyright-area {
+ border-top: 1px solid #1f2020;
+}
+
+.footer-lighten .copyright-area {
+ background-color: #ebeff0;
+}
+
+.footer-lighten .copyright-area p {
+ color: var(--color-black);
+}
+
+.footer-light .copyright-area {
+ background-color: var(--color-white);
+ border-top: 1px solid #e5e5e5;
+}
+
+.footer-light .copyright-area p {
+ color: var(--color-heading);
+}
+
+.footer-kindergarten .copyright-area {
+ padding: 105px 0 50px;
+}
+
+/*=======================================================================
+5.Blog Styles
+=========================================================================*/
+/*-------------------------
+ Blog Styles
+---------------------------*/
+.blog-meta {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-bottom: 18px;
+ margin: -5px -16px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .blog-meta {
+ margin: -5px -10px;
+ }
+}
+
+.blog-meta li {
+ margin: 5px 16px;
+ color: var(--color-heading);
+ position: relative;
+}
+
+@media only screen and (max-width: 1199px) {
+ .blog-meta li {
+ margin: 5px 10px;
+ }
+}
+
+.blog-meta li:last-child:after {
+ display: none;
+}
+
+.blog-meta li:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #dbdbdb;
+ position: absolute;
+ top: 3px;
+ right: -18px;
+}
+
+@media only screen and (max-width: 1199px) {
+ .blog-meta li:after {
+ right: -12px;
+ }
+}
+
+.blog-meta li a {
+ color: var(--color-heading);
+}
+
+.blog-meta li i,
+ .blog-meta li img {
+ font-size: 16px;
+ padding-right: 10px;
+ position: relative;
+ top: 2px;
+ color: var(--color-primary);
+}
+
+.edu-blog {
+ position: relative;
+}
+
+.edu-blog .thumbnail {
+ position: relative;
+}
+
+.edu-blog .thumbnail a {
+ display: block;
+ border-radius: 10px;
+ position: relative;
+ overflow: hidden;
+}
+
+.edu-blog .thumbnail a:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-blog .thumbnail a img {
+ width: 100%;
+ border-radius: 10px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-blog .thumbnail .video-play-btn {
+ height: 80px;
+ width: 80px;
+ line-height: 80px;
+ background-color: var(--color-white);
+ border-radius: 50% !important;
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translateY(-50%) translateX(-50%);
+ -ms-transform: translateY(-50%) translateX(-50%);
+ transform: translateY(-50%) translateX(-50%);
+ z-index: 2;
+ font-size: 18px;
+ color: var(--color-primary);
+}
+
+.edu-blog .thumbnail .video-play-btn:after {
+ display: none;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-blog .thumbnail .video-play-btn {
+ height: 65px;
+ width: 65px;
+ line-height: 65px;
+ }
+}
+
+.edu-blog .content {
+ background-color: var(--color-white);
+ padding: 30px;
+ border-radius: 10px;
+ position: relative;
+ box-shadow: var(--shadow-darker);
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-blog .content {
+ padding: 30px 20px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-blog .content {
+ padding: 20px;
+ }
+}
+
+.edu-blog .content .blog-category {
+ color: var(--color-body);
+ margin-bottom: 10px;
+ text-transform: uppercase;
+}
+
+.edu-blog .content .blog-category:hover {
+ color: var(--color-primary);
+}
+
+.edu-blog .content .title {
+ margin-bottom: 10px;
+}
+
+.edu-blog .content p {
+ margin-bottom: 0;
+}
+
+.edu-blog .content.position-top {
+ margin-top: -175px;
+ margin-left: 30px;
+ margin-right: 30px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .edu-blog .content.position-top {
+ margin-top: -125px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-blog .content.position-top {
+ margin-top: -105px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-blog .content.position-top {
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+}
+
+@media only screen and (max-width: 479px) {
+ .edu-blog .content.position-top {
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+}
+
+.edu-blog .content.position-top .read-more-btn {
+ position: absolute;
+ top: -40px;
+ right: 30px;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-blog .content.position-top .read-more-btn .btn-icon-round {
+ box-shadow: var(--shadow-dark);
+}
+
+.edu-blog:hover .thumbnail a:after {
+ visibility: visible;
+ opacity: 1;
+}
+
+.edu-blog:hover .thumbnail a img {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+.edu-blog:hover .position-top .read-more-btn {
+ visibility: visible;
+ opacity: 1;
+ top: -30px;
+}
+
+.edu-blog.blog-style-2 {
+ margin-bottom: 40px;
+}
+
+.edu-blog.blog-style-2:last-child {
+ margin-bottom: 0;
+}
+
+.edu-blog.blog-style-2 .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-blog.blog-style-2 .inner {
+ display: block;
+ }
+}
+
+.edu-blog.blog-style-2 .thumbnail {
+ margin-right: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-blog.blog-style-2 .thumbnail {
+ margin-right: 0;
+ margin-bottom: 20px;
+ }
+}
+
+.edu-blog.blog-style-2 .thumbnail a:after {
+ visibility: visible;
+ opacity: 1;
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.edu-blog.blog-style-2 .thumbnail a img {
+ width: 100%;
+}
+
+.edu-blog.blog-style-2 .content {
+ box-shadow: none;
+ padding: 0;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.edu-blog.blog-style-2 .content .blog-meta {
+ padding-bottom: 0;
+}
+
+.edu-blog.blog-style-2 .content .blog-meta i {
+ color: #d0d0d1;
+}
+
+.edu-blog.blog-style-2 .blog-date {
+ width: 80px;
+ height: 80px;
+ background: var(--color-primary);
+ border-radius: 60px 60px 14px 60px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ z-index: 1;
+}
+
+.edu-blog.blog-style-2 .blog-date span {
+ font-weight: 700;
+ font-size: 22px;
+ display: block;
+ color: var(--color-white);
+ text-align: center;
+ font-family: var(--font-secondary);
+}
+
+.edu-blog.blog-style-2 .blog-date span.day {
+ line-height: 1;
+ margin-bottom: 4px;
+}
+
+.edu-blog.blog-style-2 .blog-date span.month {
+ line-height: 1;
+ font-size: 14px;
+ font-weight: 500;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-blog.blog-style-2.first-large-blog {
+ margin-bottom: 20px;
+ }
+}
+
+.edu-blog.blog-style-2.first-large-blog .inner {
+ display: block;
+}
+
+.edu-blog.blog-style-2.first-large-blog .thumbnail {
+ margin-right: 0;
+ margin-bottom: 20px;
+}
+
+.edu-blog.blog-style-2.first-large-blog .thumbnail a:after {
+ display: none;
+}
+
+.edu-blog.blog-style-2.first-large-blog .content {
+ padding-left: 110px;
+}
+
+.edu-blog.blog-style-2.first-large-blog .content .blog-date {
+ top: 6px;
+ right: auto;
+ left: 0;
+}
+
+.edu-blog.blog-style-2.first-large-blog .content .title {
+ margin-bottom: 15px;
+}
+
+.edu-blog.blog-style-2.first-large-blog .content .blog-meta {
+ padding-top: 20px;
+}
+
+.edu-blog.blog-style-3 .thumbnail a {
+ border-radius: 10px 10px 0 0;
+}
+
+.edu-blog.blog-style-3 .thumbnail a img {
+ border-radius: 10px 10px 0 0;
+}
+
+.edu-blog.blog-style-3 .thumbnail .read-more-btn {
+ position: absolute;
+ top: 53%;
+ left: 0;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ text-align: center;
+ visibility: hidden;
+ opacity: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.edu-blog.blog-style-3 .thumbnail .read-more-btn a {
+ display: inline-block;
+ border-radius: 50%;
+}
+
+.edu-blog.blog-style-3 .thumbnail .read-more-btn a:after {
+ display: none;
+}
+
+.edu-blog.blog-style-3 .content {
+ border-radius: 0 0 10px 10px;
+}
+
+.edu-blog.blog-style-3 .content:before {
+ content: url(../images/blog/shape-01.png);
+ position: absolute;
+ top: -36px;
+ left: 0;
+ right: 0;
+ overflow: hidden;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-blog.blog-style-3 .content:before {
+ content: '';
+ }
+}
+
+.edu-blog.blog-style-3 .content .title {
+ font-weight: var(--p-bold);
+}
+
+.edu-blog.blog-style-3:hover .thumbnail .read-more-btn {
+ visibility: visible;
+ opacity: 1;
+ top: 51%;
+}
+
+.edu-blog.blog-style-4 {
+ margin-bottom: 70px;
+}
+
+.edu-blog.blog-style-4 .thumbnail .blog-gallery-activation .swiper-wrapper .swiper-slide {
+ padding: 0;
+}
+
+.edu-blog.blog-style-4 .thumbnail .blog-gallery-activation .swiper-wrapper .swiper-slide a {
+ border-radius: 10px 10px 0 0;
+}
+
+.edu-blog.blog-style-4 .thumbnail .blog-gallery-activation .swiper-wrapper .swiper-slide a img {
+ border-radius: 10px 10px 0 0;
+}
+
+.edu-blog.blog-style-4 .inner .thumbnail a {
+ border-radius: 10px 10px 0 0;
+}
+
+.edu-blog.blog-style-4 .inner .thumbnail a img {
+ border-radius: 10px 10px 0 0;
+}
+
+.edu-blog.blog-style-4 .content {
+ border-radius: 0 0 10px 10px;
+ padding: 44px 50px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-blog.blog-style-4 .content {
+ padding: 30px 25px;
+ }
+}
+
+.edu-blog.blog-style-4 .content .read-more-btn {
+ margin-top: 25px;
+}
+
+.edu-blog.blog-style-5 {
+ margin-bottom: 40px;
+}
+
+.edu-blog.blog-style-list {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ padding: 40px 40px 30px;
+ border-radius: 10px;
+ margin-bottom: 40px;
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-blog.blog-style-list {
+ padding: 30px 20px 30px;
+ }
+}
+
+.edu-blog.blog-style-list .inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.edu-blog.blog-style-list .thumbnail {
+ margin-right: 40px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .edu-blog.blog-style-list .thumbnail {
+ max-width: 250px;
+ margin-right: 30px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .edu-blog.blog-style-list .thumbnail {
+ margin-right: 20px;
+ }
+}
+
+.edu-blog.blog-style-list .content {
+ background-color: transparent;
+ box-shadow: none;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 0;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-blog.blog-style-list .content {
+ -webkit-box-flex: 1;
+ -webkit-flex: auto;
+ -ms-flex: auto;
+ flex: auto;
+ }
+}
+
+.edu-blog.blog-style-list .content .read-more-btn {
+ margin-top: 24px;
+}
+
+.edu-blog.post-video .thumbnail a:after {
+ visibility: visible;
+ opacity: 1;
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.edu-blog.post-gallery .thumbnail a img {
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+.edu-blog.post-gallery .thumbnail a:after {
+ display: none;
+}
+
+.edu-blog-area.blog-area-6 .thumbnail {
+ position: relative;
+}
+
+.edu-blog-area.blog-area-6 .thumbnail a {
+ border-radius: 10px 10px 0px 0px;
+}
+
+.edu-blog-area.blog-area-6 .thumbnail a img {
+ border-radius: 10px 10px 0px 0px;
+}
+
+.edu-blog-area.blog-area-6 .thumbnail .date {
+ position: absolute;
+ left: 20px;
+ top: 20px;
+ background: var(--gradient-primary);
+ border-radius: 3px;
+ padding: 3px 12px;
+ font-size: 15px;
+ color: var(--color-white);
+ display: block;
+}
+
+.edu-blog-area.blog-area-6 .content {
+ border-radius: 0px 0px 10px 10px;
+}
+
+.edu-blog-area.blog-area-6 .content.position-top {
+ margin-top: 0;
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.blog-view-all-btn {
+ text-align: center;
+ margin-top: 55px;
+}
+
+.blog-view-all-btn .view-text {
+ font-size: 18px;
+ margin-bottom: 0;
+}
+
+.edu-blog-area {
+ position: relative;
+}
+
+@media only screen and (max-width: 991px) {
+ .edu-blog-area .shape-group {
+ display: none;
+ }
+}
+
+.edu-blog-area .shape-group li {
+ position: absolute;
+ z-index: -1;
+}
+
+.edu-blog-area .shape-group li.shape-1 {
+ left: -117px;
+ top: -70px;
+}
+
+.edu-blog-area .shape-group li.shape-2 {
+ top: 99px;
+ left: 55px;
+}
+
+.edu-blog-area .shape-group li.shape-2 span {
+ display: block;
+ height: 101px;
+ width: 101px;
+ border: 15px solid var(--color-secondary);
+ border-radius: 50%;
+}
+
+.edu-blog-area .shape-group li.shape-3 {
+ right: 85px;
+ bottom: 90px;
+}
+
+.edu-blog-area.blog-area-2 {
+ padding-top: 128px;
+ position: relative;
+}
+
+.edu-blog-area.blog-area-2::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-2.svg);
+ -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(484%) hue-rotate(339deg) brightness(103%) contrast(95%);
+ filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(484%) hue-rotate(339deg) brightness(103%) contrast(95%);
+ background-position: center top;
+ background-repeat: no-repeat;
+ background-size: cover;
+ z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-blog-area.blog-area-2 {
+ padding-top: 120px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-blog-area.blog-area-2 {
+ padding-top: 120px;
+ }
+}
+
+.edu-blog-area.blog-area-2 .shape-group li.shape-1 {
+ left: 135px;
+ top: 30px;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 1650px) {
+ .edu-blog-area.blog-area-2 .shape-group li.shape-1 {
+ left: 0;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .blog-area-4 {
+ padding: 30px 0 60px !important;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .blog-area-4 {
+ padding: 0 0 30px !important;
+ }
+}
+
+/*-------------------------
+ Blog Details Styles
+---------------------------*/
+.blog-details-content {
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 70px;
+}
+
+.blog-details-content .entry-content .category {
+ letter-spacing: 1px;
+ margin-bottom: 8px;
+ text-transform: uppercase;
+ display: block;
+}
+
+.blog-details-content .entry-content .title {
+ margin-bottom: 5px;
+}
+
+.blog-details-content .entry-content .thumbnail {
+ margin: 50px 0 65px;
+}
+
+@media only screen and (max-width: 767px) {
+ .blog-details-content .entry-content .thumbnail {
+ margin: 20px 0 30px;
+ }
+}
+
+.blog-details-content .entry-content .thumbnail img {
+ border-radius: 10px;
+ width: 100%;
+}
+
+.blog-details-content > .title {
+ margin-top: 60px;
+}
+
+.blog-details-content > p {
+ margin-bottom: 26px;
+}
+
+.blog-details-content > ul {
+ list-style: disc;
+}
+
+.blog-details-content > ul li {
+ color: var(--color-heading);
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+.blog-details-content .features-image {
+ margin: 65px 0;
+}
+
+@media only screen and (max-width: 767px) {
+ .blog-details-content .features-image {
+ margin: 40px 0;
+ }
+}
+
+.blog-details-content .features-image .thumb img {
+ width: 100%;
+ border-radius: 5px;
+}
+
+.blog-details-content blockquote {
+ margin: 65px 0 70px;
+}
+
+@media only screen and (max-width: 767px) {
+ .blog-details-content blockquote {
+ margin: 40px 0 30px;
+ }
+}
+
+.blog-details-content .blog-share-area {
+ margin-top: 65px;
+}
+
+.blog-details-content .blog-tags,
+ .blog-details-content .blog-share {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.blog-details-content .blog-tags .title,
+ .blog-details-content .blog-share .title {
+ margin-bottom: 0;
+ margin-right: 12px;
+}
+
+.blog-details-content .blog-share {
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+}
+
+@media only screen and (max-width: 767px) {
+ .blog-details-content .blog-share {
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin-top: 30px;
+ }
+}
+
+.blog-details-content .blog-share .title {
+ margin-right: 25px;
+}
+
+.blog-details-content .blog-share .social-share {
+ margin: 0 -12px;
+}
+
+.blog-details-content .blog-share .social-share li {
+ margin: 0 12px;
+}
+
+blockquote {
+ box-shadow: 0px 5px 50px 0px rgba(26, 46, 85, 0.1);
+ background-color: var(--color-white);
+ border-radius: 10px;
+ padding: 35px 40px 35px 120px;
+ position: relative;
+}
+
+@media only screen and (max-width: 767px) {
+ blockquote {
+ padding: 35px 30px 35px 100px;
+ }
+}
+
+blockquote:after {
+ content: "\e94a";
+ font-family: var(--font-icomoon);
+ font-size: 35px;
+ color: var(--color-primary);
+ position: absolute;
+ top: 30px;
+ left: 40px;
+}
+
+@media only screen and (max-width: 767px) {
+ blockquote:after {
+ left: 30px;
+ font-size: 30px;
+ }
+}
+
+blockquote p {
+ font-size: 17px;
+ margin-bottom: 8px;
+}
+
+blockquote .author {
+ margin-bottom: 0;
+ font-weight: var(--p-medium);
+}
+
+.blog-author {
+ padding: 70px 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+@media only screen and (max-width: 575px) {
+ .blog-author {
+ display: block;
+ }
+}
+
+.blog-author .thumbnail {
+ margin-right: 30px;
+}
+
+@media only screen and (max-width: 767px) {
+ .blog-author .thumbnail {
+ margin-right: 20px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ .blog-author .thumbnail {
+ margin-right: 0;
+ margin-bottom: 20px;
+ }
+}
+
+.blog-author .thumbnail img {
+ border-radius: 50%;
+}
+
+.blog-author .author-content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.blog-author .author-content .title {
+ margin-bottom: 10px;
+}
+
+.blog-author .author-content p {
+ margin-bottom: 15px;
+}
+
+.blog-author .author-content .social-share.icon-transparent {
+ margin: 0 -10px;
+}
+
+.blog-author .author-content .social-share.icon-transparent li {
+ margin: 0 10px;
+}
+
+.blog-author .author-content .social-share.icon-transparent li a {
+ font-size: 18px;
+}
+
+.blog-pagination-list {
+ border: 1px solid #e7e7e7;
+ border-radius: 5px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ position: relative;
+ z-index: 2;
+}
+
+.blog-pagination-list a {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 25px 30px;
+ position: relative;
+ z-index: 1;
+ color: var(--color-heading);
+ font-family: var(--font-secondary);
+ font-weight: var(--p-semi-bold);
+ font-size: 18px;
+ line-height: 26px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+.blog-pagination-list a i {
+ font-size: 20px;
+ -webkit-transition: 0.4s;
+ transition: 0.4s;
+ margin-right: 20px;
+}
+
+.blog-pagination-list:hover {
+ background-color: #f0f4f5;
+ border-color: #f0f4f5;
+}
+
+.blog-pagination-list.next-post {
+ text-align: right;
+}
+
+.blog-pagination-list.next-post a i {
+ margin-right: 0;
+ margin-left: 20px;
+}
+
+/*-----------------------------
+ Blog Comments Style
+------------------------------*/
+.comment-area {
+ margin-top: 100px;
+}
+
+.comment-area .heading-title {
+ margin-bottom: 30px;
+}
+
+.comment-list-wrapper .comment {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.comment-list-wrapper .comment .thumbnail {
+ min-width: 80px;
+ width: 80px;
+ max-height: 80px;
+ border-radius: 50%;
+ margin-right: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ .comment-list-wrapper .comment .thumbnail {
+ margin-right: 20px;
+ min-width: 60px;
+ width: 60px;
+ }
+}
+
+.comment-list-wrapper .comment .thumbnail img {
+ border-radius: 50%;
+ width: 100%;
+}
+
+.comment-list-wrapper .comment .comment-content .title {
+ margin-bottom: 2px;
+}
+
+.comment-list-wrapper .comment .comment-content .date {
+ display: block;
+ margin-bottom: 14px;
+}
+
+.comment-list-wrapper .comment .comment-content p {
+ margin-bottom: 18px;
+}
+
+.comment-list-wrapper .comment .comment-content .reply-btn {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+ font-size: 15px;
+ line-height: 26px;
+ font-family: var(--font-secondary);
+}
+
+.comment-list-wrapper .comment .comment-content .reply-btn i {
+ margin-right: 10px;
+}
+
+.comment-list-wrapper .comment.comment-reply {
+ margin-left: 110px;
+}
+
+@media only screen and (max-width: 575px) {
+ .comment-list-wrapper .comment.comment-reply {
+ margin-left: 40px;
+ }
+}
+
+.comment-list-wrapper .comment + .comment {
+ border-top: 1px solid var(--color-border);
+ padding-top: 30px;
+ margin-top: 30px;
+}
+
+/*-----------------------------
+ Blog Comments Form
+------------------------------*/
+.comment-form-area {
+ margin-top: 90px;
+}
+
+.comment-form-area .heading-title {
+ margin-bottom: 30px;
+}
+
+.comment-form .form-group {
+ margin-bottom: 0;
+}
+
+.comment-form .form-group input,
+ .comment-form .form-group textarea {
+ box-shadow: var(--shadow-darker);
+}
+
+.comment-form .form-group .edu-form-check label {
+ color: var(--color-body);
+ padding-left: 27px;
+}
+
+.comment-form .form-group .edu-form-check label:before {
+ background-color: #f7f7f7;
+ border-color: var(--color-border);
+ height: 15px;
+ width: 15px;
+ top: 5px;
+}
+
+.comment-form .form-group .edu-form-check label:after {
+ left: 3px;
+}
+
+.comment-form .form-group .edu-form-check input:checked ~ label::before {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+}
+
+.comment-form .form-group .edu-form-check input:checked ~ label::after {
+ opacity: 1;
+}
+
+/*-------------------
+ Blog Widget
+---------------------*/
+.edu-blog-sidebar {
+ background-color: var(--color-white);
+ box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07);
+ border-radius: 5px;
+ padding: 35px 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-blog-sidebar {
+ margin-top: 70px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-blog-sidebar {
+ margin-top: 60px;
+ }
+}
+
+.edu-blog-widget {
+ padding: 35px 40px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-blog-widget {
+ padding: 20px;
+ }
+}
+
+.edu-blog-widget .widget-title {
+ margin-bottom: 35px;
+}
+
+.edu-blog-widget.widget-search .blog-search {
+ position: relative;
+}
+
+.edu-blog-widget.widget-search .blog-search .search-button {
+ position: absolute;
+ left: 30px;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ border: none;
+ padding: 0;
+ color: var(--color-placeholder);
+ background-color: transparent;
+ font-size: 18px;
+}
+
+.edu-blog-widget.widget-search .blog-search input {
+ padding: 0 20px 0 56px;
+ border: 1px solid var(--color-border);
+}
+
+.edu-blog-widget.widget-latest-post .latest-post {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ position: relative;
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 20px;
+ margin-bottom: 20px;
+}
+
+.edu-blog-widget.widget-latest-post .latest-post:last-child {
+ padding-bottom: 0;
+ margin-bottom: 0;
+ border-bottom: none;
+}
+
+.edu-blog-widget.widget-latest-post .latest-post .thumbnail {
+ margin-right: 20px;
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-blog-widget.widget-latest-post .latest-post .thumbnail {
+ margin-right: 10px;
+ }
+}
+
+.edu-blog-widget.widget-latest-post .latest-post .thumbnail a img {
+ border-radius: 5px;
+ max-height: 95px;
+ object-fit: cover;
+}
+
+.edu-blog-widget.widget-latest-post .latest-post .post-content {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.edu-blog-widget.widget-latest-post .latest-post .post-content .title {
+ margin-bottom: 5px;
+}
+
+.edu-blog-widget.widget-latest-post .latest-post .post-content .title a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.edu-blog-widget.widget-latest-post .latest-post .post-content .blog-meta {
+ padding-bottom: 0;
+}
+
+.edu-blog-widget.widget-categories .category-list {
+ margin: -14px 0;
+}
+
+.edu-blog-widget.widget-categories .category-list li {
+ margin: 14px 0;
+}
+
+.edu-blog-widget.widget-categories .category-list li a {
+ font-family: var(--font-secondary);
+ color: var(--color-heading);
+ font-weight: var(--p-medium);
+}
+
+.edu-blog-widget.widget-categories .category-list li a:hover {
+ color: var(--color-primary);
+}
+
+.edu-blog-widget.widget-action .inner {
+ background-color: #f5f9fa;
+ text-align: center;
+ padding: 40px 40px 90px;
+ border-radius: 10px;
+ position: relative;
+}
+
+.edu-blog-widget.widget-action .inner::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/others/shape-21.png);
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center;
+ filter: opacity(0.3);
+ -webkit-filter: opacity(0.3);
+}
+
+@media only screen and (max-width: 1199px) {
+ .edu-blog-widget.widget-action .inner {
+ padding: 40px 25px 60px;
+ }
+}
+
+.edu-blog-widget.widget-action .inner .title {
+ font-size: 22px;
+ margin-bottom: 5px;
+}
+
+.edu-blog-widget.widget-action .inner .title span {
+ color: var(--color-secondary);
+}
+
+.edu-blog-widget.widget-action .inner .shape-line {
+ font-size: 10px;
+ color: var(--color-primary);
+ display: block;
+ margin-bottom: 14px;
+}
+
+.edu-blog-widget.widget-action .inner p {
+ color: var(--color-heading);
+ margin-bottom: 20px;
+}
+
+.tag-list {
+ margin: -5px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.tag-list a {
+ border: 1px solid var(--color-border);
+ border-radius: 5px;
+ font-weight: 500;
+ font-size: 14px;
+ font-family: var(--font-secondary);
+ margin: 5px;
+ height: 40px;
+ line-height: 40px;
+ padding: 0 14px;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ position: relative;
+ z-index: 1;
+}
+
+.tag-list a:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background: var(--gradient-primary);
+ border-radius: 5px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ opacity: 0;
+}
+
+.tag-list a:hover {
+ color: var(--color-white);
+ border-color: transparent;
+}
+
+.tag-list a:hover:after {
+ opacity: 1;
+}
+
+/*=======================================================================
+6. Spacing/Dark
+=========================================================================*/
+/*-------------------------
+ Spacing
+-------------------------*/
+.edu-section-gap {
+ padding: 115px 0 120px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .edu-section-gap {
+ padding: 95px 0 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .edu-section-gap {
+ padding: 75px 0 80px;
+ }
+}
+
+.gap-tb-text {
+ padding: 115px 0 112px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-tb-text {
+ padding: 95px 0 92px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-tb-text {
+ padding: 75px 0 72px;
+ }
+}
+
+.section-gap-equal {
+ padding: 120px 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .section-gap-equal {
+ padding: 100px 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .section-gap-equal {
+ padding: 80px 0;
+ }
+}
+
+.gap-top-text {
+ padding-top: 115px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-top-text {
+ padding-top: 95px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-top-text {
+ padding-top: 75px;
+ }
+}
+
+.gap-bottom-text {
+ padding-bottom: 112px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-bottom-text {
+ padding-bottom: 92px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-bottom-text {
+ padding-bottom: 72px;
+ }
+}
+
+.gap-top-equal {
+ padding-top: 120px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-top-equal {
+ padding-top: 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-top-equal {
+ padding-top: 80px;
+ }
+}
+
+.gap-bottom-equal {
+ padding-bottom: 120px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-bottom-equal {
+ padding-bottom: 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-bottom-equal {
+ padding-bottom: 80px;
+ }
+}
+
+.section-gap-large {
+ padding: 145px 0 150px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .section-gap-large {
+ padding: 115px 0 120px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .section-gap-large {
+ padding: 95px 0 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .section-gap-large {
+ padding: 75px 0 80px;
+ }
+}
+
+.gap-large-text {
+ padding: 145px 0 142px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .gap-large-text {
+ padding: 115px 0 112px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-large-text {
+ padding: 95px 0 92px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-large-text {
+ padding: 75px 0 72px;
+ }
+}
+
+.gap-large-equal {
+ padding: 150px 0;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .gap-large-equal {
+ padding: 120px 0;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-large-equal {
+ padding: 100px 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-large-equal {
+ padding: 80px 0;
+ }
+}
+
+.gap-lg-top-text {
+ padding-top: 145px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .gap-lg-top-text {
+ padding-top: 115px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-lg-top-text {
+ padding-top: 95px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-lg-top-text {
+ padding-top: 75px;
+ }
+}
+
+.gap-lg-bottom-text {
+ padding-bottom: 142px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .gap-lg-bottom-text {
+ padding-bottom: 112px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-lg-bottom-text {
+ padding-bottom: 92px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-lg-bottom-text {
+ padding-bottom: 72px;
+ }
+}
+
+.gap-lg-bottom-equal {
+ padding-bottom: 150px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .gap-lg-bottom-equal {
+ padding-bottom: 120px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-lg-bottom-equal {
+ padding-bottom: 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-lg-bottom-equal {
+ padding-bottom: 80px;
+ }
+}
+
+.gap-lg-top-equal {
+ padding-top: 150px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .gap-lg-top-equal {
+ padding-top: 120px;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .gap-lg-top-equal {
+ padding-top: 100px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .gap-lg-top-equal {
+ padding-top: 80px;
+ }
+}
+
+.brand-section-gap {
+ padding: 85px 0;
+}
+
+.mb--10 {
+ margin-bottom: 10px;
+}
+
+.mb--20 {
+ margin-bottom: 20px;
+}
+
+.mb--30 {
+ margin-bottom: 30px;
+}
+
+.mb--40 {
+ margin-bottom: 40px;
+}
+
+.mb--50 {
+ margin-bottom: 50px !important;
+}
+
+.mb--60 {
+ margin-bottom: 60px !important;
+}
+
+.mb--90 {
+ margin-bottom: 90px !important;
+}
+
+.mt--50 {
+ margin-top: 50px;
+}
+
+@media only screen and (min-width: 1200px) {
+ .col-pl--35 {
+ padding-left: 35px;
+ }
+
+ .col-pr--35 {
+ padding-right: 35px;
+ }
+}
+
+.pt--50 {
+ padding-top: 50px;
+}
+
+/*-------------------------
+ Dark Mode CSS Starts Here
+---------------------------*/
+body.dark-mode {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-webkit-input-placeholder {
+ color: var(--color-white);
+}
+
+.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-moz-placeholder {
+ color: var(--color-white);
+}
+
+.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control:-ms-input-placeholder {
+ color: var(--color-white);
+}
+
+.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-ms-input-placeholder {
+ color: var(--color-white);
+}
+
+.dark-mode .hero-banner .banner-content p,
+.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button,
+.dark-mode .edublink-vue-mobile-popup-menu .inner .header-top .close-menu .close-button,
+.dark-mode .header-action .mobile-menu-bar .hamberger-button,
+.dark-mode .edu-course .content .course-rating .rating-count,
+.dark-mode .edu-course .content .course-meta li,
+.dark-mode .event-details .details-content .event-meta li a,
+.dark-mode .edu-sorting-area .sorting-right .layout-switcher label,
+.dark-mode .course-details-content .course-enroll-box .single-item .login-btn a,
+.dark-mode .course-details-3 .nav-tabs .nav-item .nav-link.active,
+.dark-mode .course-details-3 .nav-tabs .nav-item .nav-link:hover,
+.dark-mode .header-action .search-bar .input-group .form-control,
+.dark-mode .team-details-content .main-info .team-meta li,
+.dark-mode .team-details-content .main-info .team-meta li .rating-count,
+.dark-mode .team-details-content .contact-info ul li span,
+.dark-mode .blog-details-content > ul li,
+.dark-mode .blog-meta li,
+.dark-mode input[type=text],
+.dark-mode input[type=password],
+.dark-mode input[type=email],
+.dark-mode input[type=number],
+.dark-mode input[type=tel],
+.dark-mode textarea,
+.dark-mode a.edu-btn.btn-border,
+.dark-mode button.edu-btn.btn-border,
+.dark-mode .edu-search-popup .inner .search-form .submit-button,
+.dark-mode .edu-search-popup .close-button .close-trigger,
+.dark-mode .about-style-3 .about-content .nav-tabs .nav-link,
+.dark-mode .isotop-button button,
+.dark-mode .blog-meta li a,
+.dark-mode .edu-course .hover-content-aside .content .course-feature ul li:before,
+.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item,
+.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a,
+.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.separator i,
+.dark-mode .faq-page-nav .nav-tabs .nav-link,
+.dark-mode .edu-course-widget.widget-course-summery .content .course-item li,
+.dark-mode .event-details .details-content ul li,
+.dark-mode .pricing-table .pricing-header .price-wrap .amount,
+.dark-mode .pricing-table .pricing-body .list-item li,
+.dark-mode .edu-pagination li a,
+.dark-mode .product-details-area .content .product-rating .rating-count,
+.dark-mode .tag-list a,
+.dark-mode .form-group label,
+.dark-mode select,
+.dark-mode .edu-breadcrumb-area .course-meta li,
+.dark-mode .edu-product .inner > .thumbnail .product-hover-info ul li a,
+.dark-mode .edu-sorting-area .sorting-right .edu-sorting .icon,
+.dark-mode .edu-product .inner .content .product-rating .rating-count,
+.dark-mode .edu-blog-widget.widget-categories .category-list li a,
+.dark-mode .product-description-nav .nav-item button.nav-link:hover,
+.dark-mode .course-details-content .entry-content .course-meta li,
+.dark-mode .product-description-nav .nav-item button.nav-link.active,
+.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn i,
+.dark-mode .product-details-area .content .product-feature li span,
+.dark-mode .cart-table thead th,
+.dark-mode .cart-table tbody td.product-remove .remove-wishlist,
+.dark-mode .pv-demo-counterup .counterup-wrap .edu-counterup .title,
+.dark-mode .order-summery .summery-table tbody td,
+.dark-mode .order-summery .summery-table .order-total td:last-child,
+.dark-mode a,
+.dark-mode a.edu-btn:hover,
+.dark-mode button.edu-btn:hover,
+.dark-mode .course-layout-five-tooltip-content .content .course-feature ul li:before,
+.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control,
+.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::placeholder,
+.dark-mode .footer-light .copyright-area p,
+.dark-mode .header-action .search-bar .input-group .search-btn,
+.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn,
+.dark-mode .categorie-grid.categorie-style-3 .content .title,
+.dark-mode .categorie-area-5 .categorie-grid .content .title {
+ color: var(--color-white);
+}
+
+.dark-mode ul li a:hover,
+.dark-mode .edu-blog-widget.widget-categories .category-list li a:hover,
+.dark-mode a:hover,
+.dark-mode a.btn-transparent:hover,
+.dark-mode button.btn-transparent:hover,
+.dark-mode .course-details-content .course-enroll-box .single-item .login-btn a:hover,
+.dark-mode .social-share.icon-transparent li a:hover,
+.dark-mode .hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title a:hover,
+.dark-mode .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title a:hover,
+.dark-mode .edu-team-grid.team-style-3 .content .title a:hover,
+.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover,
+.dark-mode .popup-mobile-menu .mainmenu li a:hover,
+.dark-mode .login-form-box a,
+.dark-mode .edu-course.course-style-4 .content .title a:hover,
+.dark-mode .faq-page-nav .nav-tabs .nav-link.active,
+.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a:hover,
+.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a:hover {
+ color: var(--color-primary);
+}
+
+.dark-mode .section-title .pre-title.pre-textsecondary,
+.dark-mode .login-form-box a:hover,
+.dark-mode .about-style-3 .about-content .nav-tabs .nav-link:hover,
+.dark-mode .about-style-3 .about-content .nav-tabs .nav-link.active {
+ color: var(--color-secondary);
+}
+
+.dark-mode ul li a,
+.dark-mode .edu-course.course-style-5 .content .course-meta li,
+.dark-mode .edu-breadcrumb-area.breadcrumb-style-4 .course-meta li,
+.dark-mode .pricing-table .pricing-body .list-item li.item-off {
+ color: var(--color-body);
+}
+
+.dark-mode .about-image-gallery .video-box .inner .thumb .popup-icon:hover,
+.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button:hover,
+.dark-mode .edu-product .inner > .thumbnail .product-hover-info ul li a:hover {
+ background-color: var(--color-primary);
+}
+
+.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {
+ background-color: var(--color-secondary);
+}
+
+.dark-mode a.btn-transparent,
+.dark-mode button.btn-transparent {
+ color: var(--color-textSecondary);
+}
+
+.dark-mode .bg-lighten01,
+.dark-mode .bg-lighten04,
+.dark-mode .counterup-area-2:before,
+.dark-mode .hero-banner.hero-style-5,
+.dark-mode .testimonial-area-3,
+.dark-mode .testimonial-area-9,
+.dark-mode .hero-banner.hero-style-6:before,
+.dark-mode .team-area-4,
+.dark-mode .why-choose-area-2:before,
+.dark-mode .team-area-5,
+.dark-mode .counterup-area-7,
+.dark-mode .contact-form-area,
+.dark-mode .hero-banner.hero-style-1,
+.dark-mode .brand-area-6,
+.dark-mode .course-area-8,
+.dark-mode .brand-area-2 {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box:before,
+.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box:after,
+.dark-mode .course-details-content .course-enroll-box .single-item:after,
+.dark-mode .edu-counterup.counterup-style-3:after {
+ background-color: var(--dark-color-border);
+}
+
+.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: 0.8px solid var(--dark-color-border);
+}
+
+.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
+ border-right: 0.8px solid var(--dark-color-border);
+}
+
+.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 {
+ border-bottom: 0.8px solid var(--dark-color-border);
+}
+
+.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {
+ border-color: var(--color-secondary);
+}
+
+.dark-mode .edu-campus-area .campus-image-gallery .shape-1 span,
+.dark-mode .edu-campus-area .campus-content .shape-4 span,
+.dark-mode .edu-event-area .shape-group li.shape-2 span,
+.dark-mode .edublink-vue-mobile-popup-menu .inner .header-top,
+.dark-mode .edublink-vue-mobile-popup-menu .mainmenu li + li,
+.dark-mode .about-style-3 .about-image-gallery .shape-group li.shape-4 span,
+.dark-mode .home-four-course .shape-group .shape-2 span,
+.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-8 span,
+.dark-mode .about-style-4 .about-image-gallery .shape-group .shape-4 span,
+.dark-mode .why-choose-area-2 .shape-group li.shape-1 span,
+.dark-mode .why-choose-area-2 .shape-group li.shape-3 span,
+.dark-mode .team-area-5 .shape-group li.shape-3 span,
+.dark-mode .team-area-5 .shape-group li.shape-1 span,
+.dark-mode .why-choose-area-3 .shape-group li.shape-1 span,
+.dark-mode .edu-breadcrumb-area .shape-group li.shape-1,
+.dark-mode .edu-breadcrumb-area .shape-group li.shape-4,
+.dark-mode .edu-event-list.event-list-2,
+.dark-mode .popup-mobile-menu .inner .header-top,
+.dark-mode .edu-blog-widget.widget-search .blog-search input,
+.dark-mode .login-form-box .form-group input,
+.dark-mode .tag-list a,
+.dark-mode .edu-product:hover .inner .thumbnail a,
+.dark-mode .pro-qty,
+.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn,
+.dark-mode .product-description-nav,
+.dark-mode .product-description-content .comment-area,
+.dark-mode .product-details-area .thumbnail,
+.dark-mode .checkout-notice .coupn-box,
+.dark-mode .order-summery.checkout-summery .summery-table-wrap,
+.dark-mode .checkout-billing .form-group select,
+.dark-mode .edu-course-widget.widget-course-summery .content .course-item li,
+.dark-mode .course-details-content .nav-tabs,
+.dark-mode .order-payment,
+.dark-mode a.edu-btn.btn-border,
+.dark-mode .course-curriculam .course-lesson ul li:first-child,
+.dark-mode .course-curriculam .course-lesson ul li,
+.dark-mode .course-curriculam .course-lesson,
+.dark-mode .social-share li a,
+.dark-mode .about-style-3 .shape-group li.shape-6 span,
+.dark-mode .footer-dark .copyright-area,
+.dark-mode .comment-list-wrapper .comment + .comment,
+.dark-mode .course-overview .border-box,
+.dark-mode .edu-accordion .accordion-item,
+.dark-mode .blog-details-content,
+.dark-mode .course-review .border-box,
+.dark-mode .course-review .border-box .comment-area,
+.dark-mode .edu-blog-widget.widget-latest-post .latest-post,
+.dark-mode .contact-form.form-style-2 .form-group input,
+.dark-mode .contact-form.form-style-2 .form-group textarea,
+.dark-mode .contact-form-area .shape-group li.shape-3 span,
+.dark-mode .pv-courses-demo .shape-group li.shape-5 span,
+.dark-mode .testimonial-area-4 .swiper-navigation .swiper-btn-nxt,
+.dark-mode .testimonial-area-4 .swiper-navigation .swiper-btn-prv,
+.dark-mode .course-sidebar-2 .edu-course-widget .inner,
+.dark-mode .hero-banner.hero-style-8 .shape-group li.shape-5 span,
+.dark-mode .course-area-8 .shape-group li.shape-2 span,
+.dark-mode button.edu-btn.btn-border,
+.dark-mode .edu-footer.footer-style-7 .copyright-area {
+ border-color: var(--dark-color-border);
+}
+
+.dark-mode .pv-demo-counterup .counterup-wrap .edu-counterup.border-end {
+ border-color: var(--dark-color-border) !important;
+}
+
+.dark-mode .tpd-visible-frame-left .tpd-frame-left:before,
+.dark-mode .tpd-visible-frame-right .tpd-frame-left:before,
+.dark-mode .tpd-visible-frame-right .tpd-frame-left:after {
+ border-right: 13px solid var(--color-black);
+}
+
+.dark-mode .tpd-visible-frame-right .tpd-frame-right:after {
+ border-left: 13px solid var(--color-black);
+}
+
+.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control,
+.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn,
+.dark-mode .edu-course-area.course-area-9 ul .course-view-all a.edu-btn {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 img {
+ filter: opacity(0.03);
+ -webkit-filter: opacity(0.03);
+}
+
+.dark-mode .hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner p,
+.dark-mode .testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content p,
+.dark-mode .event-area-4 .edu-event.event-style-1 .content .event-meta li,
+.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .description,
+.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a,
+.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li,
+.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a,
+.dark-mode .edu-footer.footer-style-7 .copyright-area a {
+ color: var(--color-title);
+}
+
+.dark-mode .features-area-5 .features-box.color-extra06-style .icon {
+ background-color: #0b3648;
+}
+
+.dark-mode .features-area-5 .features-box.color-extra06-style:hover .icon {
+ background-color: var(--color-extra06);
+}
+
+.dark-mode .features-box,
+.dark-mode .edu-course-area.course-area-9 .edu-course.course-style-5 {
+ background-color: transparent;
+}
+
+.dark-mode .features-area-5 .features-box .content {
+ background: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .categorie-area-5 .section-title .title {
+ color: var(--color-heading);
+}
+
+.dark-mode .testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 img {
+ -webkit-filter: opacity(0.09);
+ filter: opacity(0.09);
+}
+
+.dark-mode .testimonial-area-9 .swiper-navigation .swiper-btn-prv,
+.dark-mode .testimonial-area-9 .swiper-navigation .swiper-btn-nxt {
+ background-color: var(--color-white);
+}
+
+.dark-mode .health-coach-wrapper.cta-banner-7 .input-group input {
+ background-color: var(--color-white) !important;
+}
+
+.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .logo a img.logo-dark {
+ display: inline-block;
+}
+
+.dark-mode .cta-banner-7 .section-title .title,
+.dark-mode .health-coach-wrapper.cta-banner-7 .input-group input {
+ color: var(--color-heading);
+}
+
+.dark-mode {
+ /*-------------------
+ About Dark Styles
+ ---------------------*/
+ /*-------------------
+ Breadcrumb Dark Styles
+ ---------------------*/
+ /*-------------------
+ Brand Dark Styles
+ ---------------------*/
+ /*-------------------
+ Blog Dark Styles
+ ---------------------*/
+ /*-------------------
+ Call To Action Dark Styles
+ ---------------------*/
+ /*-------------------
+ Categorie Dark Styles
+ ---------------------*/
+ /*-------------------------
+ Counterup Styles
+ --------------------------*/
+ /*-------------------------
+ Landing Page Dark Styles
+ --------------------------*/
+ /*-------------------------
+ Course Styles
+ --------------------------*/
+ /*-------------------------
+ Campus Styles
+ --------------------------*/
+ /*-------------------------
+ Copyright Styles
+ --------------------------*/
+ /*-------------------
+ Event Dark Styles
+ ---------------------*/
+ /*-------------------
+ Features Dark Styles
+ ---------------------*/
+ /*-------------------
+ FAQ Dark Styles
+ ---------------------*/
+ /*-------------------
+ Footer Dark Styles
+ ---------------------*/
+ /*-------------------
+ Header Dark Styles
+ ---------------------*/
+ /*-------------------
+ Hero Banner Dark Styles
+ ---------------------*/
+ /*-------------------
+ Instagram Dark Styles
+ ---------------------*/
+ /*-------------------
+ Shop Dark Styles
+ ---------------------*/
+ /*-------------------
+ Team Dark Styles
+ ---------------------*/
+ /*-------------------
+ Testimonial Dark Styles
+ ---------------------*/
+ /*-------------------
+ Video Dark Styles
+ ---------------------*/
+ /*--------------------------
+ why-choose-us Dark Styles
+ ----------------------------*/
+ /*----------------------------------------
+ Coming Soon/Gallery/Pagination Dark Styles
+ ------------------------------------------*/
+ /*-------------------
+ Section Dark Styles
+ ---------------------*/
+ /*-------------------
+ Button Dark Styles
+ ---------------------*/
+ /*-------------------
+ Form Dark Styles
+ ---------------------*/
+ /*-------------------
+ Swiper Slider Dark Styles
+ ---------------------*/
+}
+
+.dark-mode p {
+ color: var(--color-title);
+}
+
+.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .h1, .dark-mode .h2, .dark-mode .h3, .dark-mode .h4, .dark-mode .h5, .dark-mode .h6 {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-pagination li:hover a {
+ color: var(--color-white);
+}
+
+.dark-mode #edublink-preloader {
+ background: var(--dark-bg-color);
+}
+
+.dark-mode #edublink-preloader .preloader-close-btn-wraper .preloader-close-btn {
+ background: #1C252F;
+ color: var(--color-white);
+}
+
+.dark-mode .edu-btn {
+ color: var(--color-white) !important;
+}
+
+.dark-mode .d-none-shape-dark {
+ display: block;
+}
+
+.dark-mode .d-block-shape-light {
+ display: none;
+}
+
+.dark-mode .about-image-gallery .video-box .inner {
+ background-color: var(--color-white);
+}
+
+.dark-mode .about-image-gallery .video-box .inner .thumb .popup-icon {
+ background-color: var(--color-white);
+}
+
+.dark-mode .about-style-1 .about-image-gallery .shape-group li.shape-1 img,
+ .dark-mode .about-style-2 .about-image-gallery .shape-group li.shape-1 img,
+ .dark-mode .about-style-7 .about-image-gallery .shape-group li.shape-1 img,
+ .dark-mode .about-style-9 .about-image-gallery .shape-group li.shape-1 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .about-style-4 .about-image-gallery .main-img-1 {
+ background-color: var(--color-white);
+}
+
+.dark-mode .about-style-4 .about-image-gallery .shape-group .shape-2 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .about-style-3 .about-image-gallery .shape-group li.shape-2 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .about-style-3 .about-content .nav-tabs .nav-item::after {
+ background-color: var(--color-extra09);
+}
+
+.dark-mode .about-style-6 {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .about-style-6::after {
+ -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3633%) hue-rotate(174deg) brightness(95%) contrast(93%);
+ filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3633%) hue-rotate(174deg) brightness(95%) contrast(93%);
+}
+
+.dark-mode .about-style-2 .about-image-gallery .author-box .inner {
+ background-color: var(--color-white);
+}
+
+.dark-mode .about-style-2 .about-image-gallery .author-box .inner .title {
+ color: var(--color-black);
+}
+
+.dark-mode .about-style-2 .about-image-gallery .award-status .inner .content .subtitle {
+ color: var(--color-black);
+}
+
+.dark-mode .about-style-8::before {
+ background: var(--dark-bg-color);
+}
+
+.dark-mode .about-style-8::after {
+ border: 1px solid var(--color-extra10);
+}
+
+.dark-mode .about-style-8 .about-image-gallery .shape-group li.shape-1 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .about-style-8 .about-image-gallery .shape-group li.shape-4 span {
+ border: 1px solid var(--color-extra10);
+}
+
+.dark-mode .about-content .features-list li {
+ color: var(--color-title);
+}
+
+.dark-mode .breadcrumb-style-2 .page-title .title {
+ color: var(--color-white);
+}
+
+.dark-mode .breadcrumb-style-2 .edu-breadcrumb li {
+ color: var(--color-white);
+}
+
+.dark-mode .breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item a {
+ color: var(--color-white);
+}
+
+.dark-mode .breadcrumb-style-2 .edu-breadcrumb li.separator i {
+ color: var(--color-white);
+}
+
+.dark-mode .breadcrumb-style-5 {
+ background: var(--dark-bg-color);
+}
+
+.dark-mode .edu-breadcrumb-area {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .edu-breadcrumb-area .course-meta li::after {
+ background-color: var(--color-extra10);
+}
+
+.dark-mode .why-choose-box.features-box {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .why-choose-box-2.features-box {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .why-choose-box-2.features-box .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .why-choose-box-2.features-box.color-extra08-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .brand-grid-wrap::after {
+ background-color: var(--color-extra11);
+}
+
+.dark-mode .brand-grid-wrap .brand-grid {
+ border-right: 1px solid var(--color-extra11);
+}
+
+.dark-mode .brand-grid-wrap .brand-grid:first-child {
+ border-left: 1px solid var(--color-extra11);
+}
+
+.dark-mode .brand-grid-wrap .brand-grid:nth-child(5n) {
+ border-left: 1px solid var(--color-extra11);
+}
+
+.dark-mode .brand-grid-wrap .brand-grid:hover {
+ box-shadow: var(--shadow-darker);
+}
+
+.dark-mode .brand-area-1 .brand-grid-wrap .brand-grid:hover {
+ background-color: #232c38;
+}
+
+.dark-mode .brand-area-3 .brand-grid-wrap .brand-grid {
+ border-right: none;
+}
+
+.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid {
+ background-color: var(--bg-color-2);
+ opacity: 1;
+}
+
+.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid img {
+ -webkit-filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(4982%) hue-rotate(288deg) brightness(90%) contrast(90%);
+ filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(4982%) hue-rotate(288deg) brightness(90%) contrast(90%);
+}
+
+.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid:hover img {
+ -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(71%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(100%);
+ filter: brightness(0) saturate(100%) invert(99%) sepia(71%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(100%);
+}
+
+.dark-mode .brand-area-5::before {
+ background-image: url(../images/bg/dark-bg-image-20.svg);
+}
+
+@media only screen and (max-width: 991px) {
+ .dark-mode .brand-area-5::before {
+ background: var(--dark-bg-color);
+ }
+}
+
+.dark-mode .brand-area-4 .brand-grid-wrap .brand-grid:first-child,
+ .dark-mode .brand-area-5 .brand-grid-wrap .brand-grid:first-child,
+ .dark-mode .brand-area-6 .brand-grid-wrap .brand-grid:first-child,
+ .dark-mode .brand-area-4 .brand-grid-wrap .brand-grid:nth-child(5n),
+ .dark-mode .brand-area-5 .brand-grid-wrap .brand-grid:nth-child(5n),
+ .dark-mode .brand-area-6 .brand-grid-wrap .brand-grid:nth-child(5n) {
+ border-left: none;
+}
+
+.dark-mode .edu-blog .content {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .edu-blog.blog-style-3 .content::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(21%) saturate(912%) hue-rotate(174deg) brightness(83%) contrast(92%);
+ filter: brightness(0) saturate(100%) invert(11%) sepia(21%) saturate(912%) hue-rotate(174deg) brightness(83%) contrast(92%);
+}
+
+.dark-mode .edu-blog.blog-style-list {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-blog .thumbnail .video-play-btn {
+ background-color: var(--color-white);
+}
+
+.dark-mode .blog-meta li::after {
+ background-color: var(--color-extra09);
+}
+
+.dark-mode .edu-blog-area.blog-area-2::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
+ filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
+}
+
+.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content {
+ background-color: transparent;
+}
+
+.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content .blog-date span {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content .blog-meta i {
+ color: var(--color-title);
+}
+
+.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .inner .thumbnail .blog-date span {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-blog-sidebar {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .blog-pagination-list {
+ border: 1px solid var(--dark-color-border);
+}
+
+.dark-mode .blog-pagination-list:hover {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-cta-banner-area {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .edu-cta-banner-area::before {
+ -webkit-filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%);
+ filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%);
+}
+
+.dark-mode .university-cta-wrapper.edu-cta-banner-area::before {
+ -webkit-filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%) !important;
+ filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%) !important;
+}
+
+.dark-mode .online-academy-cta-wrapper {
+ background-image: none;
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .online-academy-cta-wrapper::before {
+ background-image: url(../images/cta/h-4-cta.svg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(18%) saturate(1959%) hue-rotate(173deg) brightness(98%) contrast(97%);
+ filter: brightness(0) saturate(100%) invert(6%) sepia(18%) saturate(1959%) hue-rotate(173deg) brightness(98%) contrast(97%);
+}
+
+.dark-mode .cta-banner-2 {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .cta-banner-2::before {
+ display: none;
+}
+
+.dark-mode .cta-banner-2 .shape-group li.shape-5 {
+ bottom: 0;
+}
+
+.dark-mode .cta-banner-3 {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .cta-banner-3::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+}
+
+.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .cta-banner-3 .shape-group li.shape-3 img, .dark-mode .cta-banner-3 .shape-group li.shape-4 img {
+ opacity: .65;
+}
+
+.dark-mode .cta-area-1 .cta-style-3 .inner .content .subtitle {
+ color: var(--color-white);
+}
+
+.dark-mode .cta-area-1 .cta-style-3 .inner .content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .cta-area-1 .cta-style-3 .shape-group li.shape-02 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .cta-area-1 .home-one-cta .shape-group li.shape-02 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .cta-area-2 .cta-style-2 .inner .content .subtitle {
+ color: var(--color-black);
+}
+
+.dark-mode .cta-area-2 .cta-style-2 .inner .content .title a {
+ color: var(--color-black);
+}
+
+.dark-mode .cta-area-2 .cta-style-2 .inner .content .title a:hover {
+ color: rgba(24, 24, 24, 0.75);
+}
+
+.dark-mode .categorie-grid {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .categorie-grid .content p {
+ color: var(--color-title);
+}
+
+.dark-mode .categorie-grid:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .categorie-grid:hover .content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .categorie-grid:hover .content p {
+ color: var(--color-white);
+}
+
+.dark-mode .categorie-grid:hover .icon svg path {
+ stroke: var(--color-white);
+}
+
+.dark-mode .categorie-grid.color-primary-style:hover .icon,
+ .dark-mode .categorie-grid.color-primary-style:hover .course-remain, .dark-mode .categorie-grid.color-secondary-style:hover .icon,
+ .dark-mode .categorie-grid.color-secondary-style:hover .course-remain, .dark-mode .categorie-grid.color-tertiary-style:hover .icon,
+ .dark-mode .categorie-grid.color-tertiary-style:hover .course-remain, .dark-mode .categorie-grid.color-extra01-style:hover .icon,
+ .dark-mode .categorie-grid.color-extra01-style:hover .course-remain, .dark-mode .categorie-grid.color-extra02-style:hover .icon,
+ .dark-mode .categorie-grid.color-extra02-style:hover .course-remain, .dark-mode .categorie-grid.color-extra03-style:hover .icon,
+ .dark-mode .categorie-grid.color-extra03-style:hover .course-remain, .dark-mode .categorie-grid.color-extra04-style:hover .icon,
+ .dark-mode .categorie-grid.color-extra04-style:hover .course-remain, .dark-mode .categorie-grid.color-extra05-style:hover .icon,
+ .dark-mode .categorie-grid.color-extra05-style:hover .course-remain, .dark-mode .categorie-grid.color-extra06-style:hover .icon,
+ .dark-mode .categorie-grid.color-extra06-style:hover .course-remain, .dark-mode .categorie-grid.color-extra07-style:hover .icon,
+ .dark-mode .categorie-grid.color-extra07-style:hover .course-remain, .dark-mode .categorie-grid.color-extra08-style:hover .icon,
+ .dark-mode .categorie-grid.color-extra08-style:hover .course-remain {
+ color: var(--color-white);
+}
+
+.dark-mode .categorie-grid.color-primary-style:hover .icon, .dark-mode .categorie-grid.color-secondary-style:hover .icon, .dark-mode .categorie-grid.color-tertiary-style:hover .icon, .dark-mode .categorie-grid.color-extra01-style:hover .icon, .dark-mode .categorie-grid.color-extra02-style:hover .icon, .dark-mode .categorie-grid.color-extra03-style:hover .icon, .dark-mode .categorie-grid.color-extra04-style:hover .icon, .dark-mode .categorie-grid.color-extra05-style:hover .icon, .dark-mode .categorie-grid.color-extra06-style:hover .icon, .dark-mode .categorie-grid.color-extra07-style:hover .icon, .dark-mode .categorie-grid.color-extra08-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .categorie-grid.categorie-style-3 {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .categorie-area-3 {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .categorie-area-3::before {
+ display: none;
+}
+
+.dark-mode .home-four-course::before {
+ display: none;
+}
+
+.dark-mode .edu-counterup.counterup-style-5 {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .counterup-area-1 .counterup-style-1 {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .counterup-area-2 .counterup-box-wrap {
+ background-color: var(--bg-color-2);
+ box-shadow: inherit;
+}
+
+.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup {
+ border-radius: 0;
+}
+
+.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: 0.8px solid var(--dark-color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: none;
+ }
+}
+
+.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
+ border-right: 0.8px solid var(--dark-color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
+ border-right: none;
+ }
+}
+
+.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {
+ border-bottom: 0.8px solid var(--dark-color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {
+ border-bottom: none;
+ }
+}
+
+.dark-mode .course-area-3 .isotop-button button {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .course-area-3 .isotop-button button.is-checked, .dark-mode .course-area-3 .isotop-button button:hover {
+ background-color: var(--color-secondary);
+}
+
+.dark-mode .counterup-area-7 .counterup-box-wrap {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .counterup-area-8 .shape-group li.shape-1 img {
+ -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+}
+
+.dark-mode .counterup-style-4 {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .counterup-style-6 .icon,
+ .dark-mode .counterup-style-6 .count-number,
+ .dark-mode .counterup-style-6 .title {
+ color: var(--color-white);
+}
+
+.dark-mode .pv-demo-counterup .counterup-wrap {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .pv-demo-area .single-demo .inner {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-course {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-course .thumbnail .duration {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course .inner .content .course-meta li::after {
+ background-color: var(--color-extra09);
+}
+
+.dark-mode .edu-course .course-hover-content .content .course-level {
+ background-color: var(--color-white);
+ color: var(--color-black);
+}
+
+.dark-mode .edu-course .course-hover-content .content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course .course-hover-content .content .course-rating .rating-count {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course .course-hover-content .content .course-price {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course .course-hover-content .content p {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course .course-hover-content .content .course-meta li {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course .course-hover-content .content .course-meta li i {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course .course-hover-content .content .btn-secondary {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course .course-hover-content .content .btn-secondary:hover {
+ color: var(--color-black) !important;
+}
+
+.dark-mode .edu-course.course-style-3::before {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-course.course-style-3 .inner .content {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-course.course-style-4:hover .content .course-price {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-4:hover .content .title a {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-4:hover .content .course-rating .rating-count {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-4:hover .content .course-meta li {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-4:hover .content .course-meta li::after {
+ background-color: var(--color-title);
+}
+
+.dark-mode .edu-course.course-style-4:hover .content .course-meta li i {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-5 .inner .content .price-round {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-6 {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .edu-course.course-style-6 .content {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-course.course-style-6 .thumbnail .price-round {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-7 .thumbnail .course-price.price-round {
+ background-color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-7 .content .course-level,
+ .dark-mode .edu-course.course-style-7 .content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-7 .content .course-meta li {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-7 .content .course-meta li::after {
+ background-color: #a19c9c;
+}
+
+.dark-mode .edu-course.course-style-7 .content .course-meta li i {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-7 .content p {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-8:hover .content .course-price, .dark-mode .edu-course.course-style-4:hover .content .course-price {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-course.course-style-8 .hover-content-aside .content:before, .dark-mode .edu-course.course-style-4 .hover-content-aside .content:before {
+ border-right: 11px solid transparent;
+ border-left: 11px solid transparent;
+ border-bottom: 13px solid var(--dark-bg-color);
+}
+
+.dark-mode .edu-course.course-style-8:hover {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-course.course-style-9:hover {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-course .hover-content-aside .content {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .edu-course .hover-content-aside .content::before {
+ border-right: 13px solid var(--dark-bg-color);
+}
+
+.dark-mode .bg-lighten03 {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .tpd-tooltip .tpd-content-relative-padder {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .tpd-tooltip .tpd-content-relative-padder .content .button-group .edu-btn {
+ color: var(--color-white) !important;
+}
+
+.dark-mode .course-area-1 .edu-course-widget {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .course-area-4 {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .course-area-7::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+}
+
+.dark-mode .course-area-7 .shape-group li img {
+ opacity: .65;
+}
+
+.dark-mode .pv-course-details-area {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .pv-course-details-area::before {
+ display: none;
+}
+
+.dark-mode .pv-courses-demo .shape-group li.shape-2 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .course-sidebar-2 {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .course-sidebar-3 .edu-course-widget {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .course-sidebar-3 .edu-course-widget.widget-course-summery .thumbnail .play-btn {
+ background-color: var(--color-white);
+}
+
+.dark-mode .course-sidebar-3 .edu-course-widget.widget-course-summery .thumbnail .play-btn:hover {
+ color: var(--color-secondary);
+}
+
+.dark-mode .course-sidebar-3 .edu-blog-widget {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-course-widget {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .course-curriculam .course-lesson ul li {
+ background-color: var(--dark-color-bg-body);
+ color: var(--color-white);
+}
+
+.dark-mode .course-curriculam .course-lesson ul li:hover {
+ color: var(--color-primary);
+}
+
+.dark-mode .course-review .rating-box {
+ background: var(--bg-color-2);
+}
+
+.dark-mode .course-review .review-wrapper .progress {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .course-review .comment-form-area .rating-icon .rating i {
+ color: var(--dark-footer-text);
+}
+
+.dark-mode .course-details-area .entry-content .thumbnail .video-play-btn {
+ background-color: var(--color-white);
+ color: var(--color-secondary);
+}
+
+.dark-mode .course-details-area .entry-content .thumbnail .video-play-btn:hover {
+ background-color: var(--color-secondary);
+ color: var(--color-white);
+}
+
+.dark-mode .course-details-content .course-enroll-box {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .course-details-content .entry-content .course-meta li::after {
+ background-color: var(--color-extra10);
+}
+
+.dark-mode .tag-list a:Hover {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-blog-widget.widget-action .inner {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .edu-blog-widget.widget-action .inner::before {
+ background-image: url(../images/others/dark-shape-21.png);
+}
+
+.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title {
+ color: var(--color-white);
+}
+
+.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span {
+ color: var(--color-white);
+}
+
+.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span::after {
+ background-color: var(--color-white);
+}
+
+.dark-mode .course-details-3 .course-curriculam .edu-accordion .accordion-item {
+ border: 1px solid var(--dark-color-border);
+}
+
+.dark-mode .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button::after {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-campus-area .campus-image-gallery .shape-2 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .edu-campus-area .campus-content {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+@media only screen and (max-width: 575px) {
+ .dark-mode .edu-campus-area .campus-content {
+ background-color: transparent;
+ }
+}
+
+.dark-mode .edu-campus-area .campus-content .shape-5 span {
+ opacity: 0.1;
+}
+
+.dark-mode .footer-lighten .copyright-area {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .footer-lighten .copyright-area a {
+ color: var(--color-primary);
+}
+
+.dark-mode .footer-lighten p,
+ .dark-mode .footer-lighten li,
+ .dark-mode .footer-lighten a {
+ color: var(--color-title);
+}
+
+.dark-mode .edu-event .inner .content {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .event-area-3::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+}
+
+.dark-mode .event-area-3 .edu-event-list {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .title a:hover {
+ color: rgba(255, 255, 255, 0.8);
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-meta li {
+ color: var(--color-white);
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-meta li i {
+ color: var(--color-white);
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-location {
+ color: var(--color-white);
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-location i {
+ color: var(--color-white);
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content p {
+ color: var(--color-white);
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .edu-btn {
+ color: var(--color-heading) !important;
+}
+
+.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .edu-btn:hover {
+ color: var(--color-white) !important;
+}
+
+.dark-mode .event-area-3 .edu-event-list.bg-style-primary .content .edu-btn.btn-medium:hover {
+ color: var(--color-heading) !important;
+}
+
+.dark-mode .event-area-3 .shape-group li img {
+ opacity: .65;
+}
+
+.dark-mode .edu-event-list {
+ background-color: transparent;
+}
+
+.dark-mode .features-box .content p {
+ color: var(--color-title);
+}
+
+.dark-mode .features-box.features-style-2 .content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .features-box.features-style-4:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .features-box.color-primary-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .features-box.color-secondary-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .features-box.color-extra05-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .features-box.color-extra08-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .features-box.color-extra02-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .features-box.color-extra03-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .features-box.color-extra04-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .features-area-1 .features-box {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .features-area-1 .features-box:hover .icon svg path {
+ stroke: var(--color-white);
+}
+
+.dark-mode .features-area-1 .features-box .content p {
+ color: var(--color-title);
+}
+
+.dark-mode .features-area-3 .features-grid-wrap {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .faq-accordion .accordion-item {
+ background-color: var(--bg-color-2);
+ color: var(--color-white);
+}
+
+.dark-mode .faq-accordion .accordion-item .accordion-button {
+ color: var(--color-white);
+}
+
+.dark-mode .faq-accordion .accordion-item .accordion-button::before {
+ color: var(--color-white);
+}
+
+.dark-mode .faq-accordion .accordion-item .accordion-button.collapsed {
+ color: var(--color-white);
+}
+
+.dark-mode .faq-accordion .accordion-item .accordion-button.collapsed::before {
+ color: var(--color-white);
+}
+
+.dark-mode .faq-accordion .accordion-item .accordion-body {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-faq-gallery .shape-group li.shape-4 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .faq-style-2 {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .faq-style-2::before {
+ display: none;
+}
+
+.dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-3 img,
+ .dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-5 img {
+ -webkit-filter: opacity(0.08);
+ filter: opacity(0.08);
+}
+
+.dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-6 img {
+ -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(310deg) brightness(54%) contrast(36%);
+ filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(310deg) brightness(54%) contrast(36%);
+}
+
+.dark-mode .faq-style-3 .edu-faq-gallery .thumbnail-1 {
+ background-color: var(--color-white);
+}
+
+.dark-mode .faq-style-4 .faq-accordion .accordion-item .accordion-button {
+ color: var(--color-white);
+}
+
+.dark-mode .faq-style-4 .faq-accordion .accordion-item .accordion-button::before {
+ color: var(--color-white);
+}
+
+.dark-mode .faq-page-tab-content::after {
+ -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+}
+
+.dark-mode .edu-footer .footer-dark .widget-title {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-footer.footer-style-1 {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-footer.footer-style-1 .footer-top .edu-footer-widget .logo a img.logo-light {
+ display: none;
+}
+
+.dark-mode .edu-footer.footer-style-1 .footer-top .edu-footer-widget .logo a img.logo-dark {
+ display: inline-block;
+}
+
+.dark-mode .edu-footer.footer-style-1 .copyright-area {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .edu-footer.footer-style-2 {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-footer.footer-style-2 .footer-top .edu-footer-widget .logo a img.logo-light {
+ display: inline-block;
+}
+
+.dark-mode .edu-footer.footer-style-3 {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .edu-footer.footer-style-3 .edu-footer-widget .logo a img.logo-light {
+ display: inline-block;
+}
+
+.dark-mode .edu-footer.footer-style-3 .edu-footer-widget .widget-title {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-footer.footer-style-6 {
+ background: var(--dark-color-bg-body);
+}
+
+.dark-mode .edu-footer.footer-style-6 .footer-top .edu-footer-widget .widget-title {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-footer .edu-footer-widget .footer-link li a {
+ color: var(--color-title);
+}
+
+.dark-mode .edu-footer .edu-footer-widget .footer-link li a:hover {
+ color: var(--color-primary);
+}
+
+.dark-mode .edu-footer .edu-footer-widget .logo a img.logo-light {
+ display: none;
+}
+
+.dark-mode .edu-footer .edu-footer-widget .logo a img.logo-dark {
+ display: inline-block;
+}
+
+.dark-mode .edu-footer .edu-footer-widget .input-group .form-control {
+ color: var(--color-white);
+ background-color: var(--dark-color-border);
+}
+
+.dark-mode .edu-footer .edu-footer-widget .inner .input-group .btn-secondary {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-footer.footer-kindergarten .copyright-area::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(2142%) hue-rotate(173deg) brightness(95%) contrast(89%);
+ filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(2142%) hue-rotate(173deg) brightness(95%) contrast(89%);
+}
+
+.dark-mode .footer-for-kitchen .edu-footer-widget .inner .description,
+ .dark-mode .footer-for-yoga .edu-footer-widget .inner .description {
+ color: var(--color-title);
+}
+
+.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li,
+ .dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li {
+ color: var(--color-title);
+}
+
+.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li span,
+ .dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li span {
+ color: var(--color-white);
+}
+
+.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li a,
+ .dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li a {
+ color: var(--color-title);
+}
+
+.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li a:hover,
+ .dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li a:hover {
+ color: var(--color-primary);
+}
+
+.dark-mode .footer-for-kitchen .edu-footer-widget .inner li a,
+ .dark-mode .footer-for-yoga .edu-footer-widget .inner li a {
+ color: var(--color-title);
+}
+
+.dark-mode .footer-for-kitchen .edu-footer-widget .inner li a:hover,
+ .dark-mode .footer-for-yoga .edu-footer-widget .inner li a:hover {
+ color: var(--color-primary);
+}
+
+.dark-mode .footer-for-kitchen .copyright-area,
+ .dark-mode .footer-for-yoga .copyright-area {
+ background-color: var(--dark-color-bg-body);
+ border-top: 1px solid #262626;
+}
+
+.dark-mode .header-action li.icon a .count {
+ color: var(--color-white);
+}
+
+.dark-mode .header-action li.icon a.search-trigger,
+ .dark-mode .header-action li.icon a.cart-icon,
+ .dark-mode .header-action li.icon button.search-trigger {
+ color: var(--color-white);
+}
+
+.dark-mode .header-action .header-btn a {
+ color: var(--color-white);
+}
+
+.dark-mode .header-action .search-bar .input-group {
+ border: 1px solid #333a44;
+}
+
+.dark-mode .header-action .search-bar .input-group .form-control {
+ background: transparent;
+}
+
+.dark-mode .header-style-2 .header-top .header-info li::after {
+ background-color: #30302f;
+}
+
+.dark-mode .header-style-2 .header-top .header-info li a {
+ color: var(--color-white);
+}
+
+.dark-mode .header-style-2 .header-mainmenu .header-right::after {
+ background-color: var(--dark-color-border);
+}
+
+.dark-mode .header-style-3 .header-top-bar {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .header-style-3 .header-mainmenu .header-right::after {
+ background-color: var(--color-extra09);
+}
+
+.dark-mode .header-style-3 .header-top .header-info li a:hover {
+ color: var(--color-secondary);
+}
+
+.dark-mode .header-style-3 .header-top .header-info li a.edu-btn:hover {
+ color: var(--color-white);
+}
+
+.dark-mode .edu-header.header-style-4::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
+ filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
+}
+
+.dark-mode .edu-header.header-style-4::after {
+ -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
+ filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
+}
+
+.dark-mode .edu-header.header-style-4 .header-mainmenu {
+ background-color: transparent;
+}
+
+.dark-mode .edu-header.header-style-4 .header-mainmenu.edu-sticky {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-header.header-style-4 .header-mainmenu .header-navbar .header-right .header-action .search-bar .input-group input[type="text"] {
+ background: transparent;
+}
+
+.dark-mode .edu-header .header-mainmenu {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-header.pv-header-style .header-mainmenu {
+ background-color: transparent;
+}
+
+.dark-mode .edu-header.pv-header-style .header-mainmenu.edu-sticky {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-header .header-category {
+ border-left: 1.5px solid var(--dark-color-border);
+ border-right: 1.5px solid var(--dark-color-border);
+}
+
+.dark-mode .edu-header .header-brand img.logo-light {
+ display: none;
+}
+
+.dark-mode .edu-header .header-brand img.logo-dark {
+ display: inline-block;
+}
+
+.dark-mode .header-top-bar {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .header-top .header-notify {
+ color: var(--color-white);
+}
+
+.dark-mode .header-top .header-info li a {
+ color: var(--color-white);
+}
+
+.dark-mode .header-top .header-info li a:hover {
+ color: var(--color-secondary);
+}
+
+.dark-mode .header-top .header-info li.header-btn .edu-btn {
+ color: var(--color-white);
+}
+
+.dark-mode .header-top .header-info li.header-btn .edu-btn i {
+ color: var(--color-white);
+}
+
+.dark-mode .header-top .header-info .social-icon a i {
+ color: var(--color-white);
+}
+
+.dark-mode .popup-mobile-menu .mainmenu li a {
+ color: var(--color-white);
+}
+
+.dark-mode .popup-mobile-menu .mainmenu li + li {
+ border-top: 1px solid var(--dark-color-border);
+}
+
+.dark-mode .popup-mobile-menu .inner {
+ background: var(--dark-color-bg-body);
+}
+
+.dark-mode .popup-mobile-menu .inner .header-top {
+ border-bottom: 1px solid var(--dark-color-border);
+}
+
+.dark-mode .popup-mobile-menu .inner .header-top .logo a img.logo-light {
+ display: none;
+}
+
+.dark-mode .popup-mobile-menu .inner .header-top .logo a img.logo-dark {
+ display: inline-block;
+}
+
+.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button {
+ background: var(--dark-color-border);
+}
+
+.dark-mode .mainmenu-nav .mainmenu > li > a {
+ color: var(--color-white);
+}
+
+.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu {
+ background-color: #02060d;
+}
+
+.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
+ color: var(--color-title);
+}
+
+.dark-mode .mainmenu-nav .mainmenu li.has-droupdown ul {
+ box-shadow: var(--shadow-darker);
+}
+
+.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .mega-sub-menu-01 {
+ box-shadow: none;
+}
+
+.dark-mode .mainmenu-nav .mainmenu li ul.mega-menu {
+ background-color: #02060d;
+}
+
+.dark-mode .mainmenu-nav .mainmenu li ul.mega-menu > li {
+ border-right: 1px solid #191d22;
+}
+
+.dark-mode .edu-search-popup .content-wrap {
+ background-color: #282f3a;
+}
+
+.dark-mode .edu-search-popup .content-wrap .search-form {
+ border-bottom: 1px solid #646465;
+}
+
+.dark-mode .edu-search-popup .site-logo img.logo-light {
+ display: none;
+}
+
+.dark-mode .edu-search-popup .site-logo img.logo-dark {
+ display: inline-block;
+}
+
+.dark-mode .edu-search-popup .inner .search-form input {
+ background: transparent;
+}
+
+.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner {
+ background-color: var(--color-white);
+ box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
+}
+
+.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner .title {
+ color: var(--color-black);
+}
+
+.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner .media .content {
+ color: var(--color-black);
+}
+
+.dark-mode .hero-banner.presentation-hero-style::before {
+ background-image: url(../images/bg/dark-bg-image-27.png);
+}
+
+.dark-mode .hero-banner.presentation-hero-style .banner-content::after, .dark-mode .hero-banner.presentation-hero-style .banner-content::before {
+ border: 1px solid #242424;
+}
+
+.dark-mode .hero-banner.hero-style-1::before {
+ -webkit-filter: opacity(0.1);
+ filter: opacity(0.1);
+}
+
+.dark-mode .hero-banner.hero-style-2::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
+ filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
+}
+
+.dark-mode .hero-banner.hero-style-3 .banner-content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .hero-banner.hero-style-3 .banner-content p {
+ color: var(--color-white);
+}
+
+.dark-mode .hero-banner.hero-style-4 {
+ -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
+ clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
+ background: var(--dark-bg-color);
+}
+
+.dark-mode .hero-banner.hero-style-4 .scroll-down-btn {
+ bottom: -100px;
+}
+
+@media only screen and (max-width: 767px) {
+ .dark-mode .hero-banner.hero-style-4 .scroll-down-btn {
+ bottom: -10px;
+ }
+}
+
+.dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+
+.dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn::before, .dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn::after {
+ border: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.dark-mode .hero-banner.hero-style-4::before {
+ display: none;
+}
+
+.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-1 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-7 img {
+ -webkit-filter: opacity(0.05);
+ filter: opacity(0.05);
+}
+
+.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-3 img, .dark-mode .hero-banner.hero-style-4 .shape-group li.shape-5 img {
+ -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(313deg) brightness(59%) contrast(36%);
+ filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(313deg) brightness(59%) contrast(36%);
+}
+
+.dark-mode .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title a {
+ color: var(--color-black);
+}
+
+.dark-mode .hero-banner.hero-style-5 .banner-thumbnail .thumbnail {
+ background-color: var(--color-white);
+}
+
+.dark-mode .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 img {
+ -webkit-filter: opacity(0.08);
+ filter: opacity(0.08);
+}
+
+.dark-mode .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 img {
+ -webkit-filter: opacity(0.08);
+ filter: opacity(0.08);
+}
+
+.dark-mode .hero-banner.hero-style-7 {
+ background: var(--dark-bg-color);
+}
+
+.dark-mode .hero-banner.hero-style-7 .shape-group {
+ z-index: 1;
+}
+
+.dark-mode .hero-banner.hero-style-7 .shape-group li img {
+ opacity: .65;
+}
+
+.dark-mode .instagram-grid a::after {
+ background-color: var(--color-black);
+}
+
+.dark-mode .instagram-grid a .user-info {
+ color: var(--color-white);
+}
+
+.dark-mode .pv-shop-area {
+ background-color: var(--dark-bg-color);
+}
+
+.dark-mode .pv-shop-area::before {
+ display: none;
+}
+
+.dark-mode .pv-inner-page-area {
+ background: var(--dark-bg-color);
+}
+
+.dark-mode .pv-inner-page-area::before {
+ display: none;
+}
+
+.dark-mode .pv-cta-area {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .pv-cta-area::before {
+ background-image: url(../images/bg/dark-bg-imgae-26.png);
+}
+
+.dark-mode .pv-cta-area .cta-content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .team-share-info li a {
+ color: var(--color-white);
+ border: 2px solid var(--color-white);
+}
+
+.dark-mode .team-share-info li a:hover {
+ color: var(--color-primary);
+ background: var(--color-white);
+}
+
+.dark-mode .edu-team-grid.team-style-1:hover .team-share-info li:first-child a {
+ background-color: var(--color-white);
+ border-color: transparent;
+}
+
+.dark-mode .edu-team-grid.team-style-2::after {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .edu-team-grid.team-style-3 .content .title a {
+ color: var(--color-heading);
+}
+
+.dark-mode .edu-team-grid.team-style-4 .content .title {
+ background-color: var(--bg-color-2);
+ color: var(--color-white);
+}
+
+.dark-mode .edu-team-grid.team-style-4 .content .designation {
+ background-color: var(--bg-color-2);
+ color: var(--color-white);
+}
+
+.dark-mode .edu-team-grid.team-style-5 .content {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .edu-team-grid.team-style-5 .content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .team-area-6 .shape-group .shape-1 img,
+ .dark-mode .team-area-6 .shape-group .shape-2 img,
+ .dark-mode .team-area-6 .shape-group .shape-3 img {
+ -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+}
+
+.dark-mode .edu-team-details-area .team-details-content .main-info .team-meta li::after {
+ background-color: #6a6a6a;
+}
+
+.dark-mode .testimonial-grid {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .testimonial-grid p {
+ color: var(--color-title);
+}
+
+.dark-mode .testimonial-grid .thumbnail .qoute-icon {
+ color: var(--color-white);
+ border: 4px solid var(--color-white);
+}
+
+.dark-mode .testimonial-area-2 .testimonial-slide .content {
+ box-shadow: none;
+}
+
+.dark-mode .testimonial-area-2 .shape-group .shape-1 img {
+ -webkit-filter: opacity(0.06);
+ filter: opacity(0.06);
+}
+
+.dark-mode .testimonial-area-2.edu-section-gap .shape-group .shape-3 img {
+ -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+}
+
+.dark-mode .testimonial-area-3 .shape-group li.shape-5 {
+ bottom: 150px;
+}
+
+.dark-mode .testimonial-area-3 .shape-group li.shape-5 img {
+ -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(344deg) brightness(100%) contrast(104%);
+ filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(344deg) brightness(100%) contrast(104%);
+}
+
+.dark-mode .testimonial-slide .content {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .testimonial-slide .content p {
+ color: var(--color-title);
+}
+
+.dark-mode .testimonial-area-4 .shape-group li.shape-2 img {
+ -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+}
+
+.dark-mode .testimonial-area-4 .slick-arrow-nav .slick-arrow:hover {
+ color: var(--color-white);
+}
+
+.dark-mode .testimonial-area-6::before {
+ background: var(--dark-bg-color);
+}
+
+.dark-mode .testimonial-area-6 .testimonial-slide .content {
+ background-color: transparent;
+}
+
+.dark-mode .testimonial-area-6 .shape-group li.shape-3 span {
+ border: 1px solid var(--color-extra10);
+}
+
+.dark-mode .testimonial-area-8::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(3887%) hue-rotate(188deg) brightness(92%) contrast(102%);
+ filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(3887%) hue-rotate(188deg) brightness(92%) contrast(102%);
+}
+
+.dark-mode .testimonial-coverflow .testimonial-grid::before {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .video-area-1::before {
+ -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(83%) saturate(1113%) hue-rotate(182deg) brightness(92%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(4%) sepia(83%) saturate(1113%) hue-rotate(182deg) brightness(92%) contrast(101%);
+}
+
+.dark-mode .video-gallery .thumbnail .video-play-btn i {
+ color: var(--color-white);
+}
+
+.dark-mode .video-banner-content .video-play-btn i {
+ color: var(--color-white);
+}
+
+.dark-mode .video-banner-content .title {
+ color: var(--color-white);
+}
+
+.dark-mode .video-gallery .content {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .why-choose-area-1 .thumbnail.thumbnail-2 img {
+ background-color: var(--color-white);
+}
+
+.dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-secondary-style:hover .icon, .dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-primary-style:hover .icon, .dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-extra05-style:hover .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .why-choose-area-2 {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode .why-choose-area-4 .shape-group li.shape-2 span {
+ border: 1px solid var(--color-extra10);
+}
+
+.dark-mode .why-choose-box-3.features-box .icon {
+ color: var(--color-white);
+}
+
+.dark-mode .why-choose-box-3.features-box .content {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .coming-soon-page-area {
+ background: var(--dark-bg-color);
+}
+
+.dark-mode .coming-soon-page-area::before {
+ -webkit-filter: opacity(0.2);
+ filter: opacity(0.2);
+}
+
+.dark-mode .coming-soon-page-area .coming-soon-content .title {
+ background: var(--gradient-primary);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+.dark-mode .coming-soon-page-area .coming-soon-content .input-group {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .coming-soon-page-area .coming-soon-content .input-group .form-control {
+ color: var(--color-white);
+}
+
+.dark-mode .coming-soon-page-area .coming-countdown .countdown-section::after {
+ color: var(--color-white);
+}
+
+.dark-mode .coming-soon-page-area .coming-countdown .countdown-number {
+ color: var(--color-white);
+}
+
+.dark-mode .coming-soon-page-area .shape-group li.shape-1 img, .dark-mode .coming-soon-page-area .shape-group li.shape-2 img {
+ -webkit-filter: opacity(0.5);
+ filter: opacity(0.5);
+}
+
+.dark-mode .edu-gallery-grid .zoom-icon {
+ background-color: var(--color-white);
+}
+
+.dark-mode .edu-pagination li.active a {
+ color: var(--color-white);
+}
+
+.dark-mode .section-title .pre-title {
+ color: var(--color-title);
+}
+
+.dark-mode .section-title p {
+ color: var(--color-title);
+}
+
+.dark-mode .section-title-flex .left-content::after {
+ background-color: var(--color-extra10);
+}
+
+.dark-mode .social-share li a {
+ color: var(--color-white);
+}
+
+.dark-mode .social-share li a:hover {
+ color: var(--color-white);
+}
+
+.dark-mode .pricing-table {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .pricing-table .pricing-header {
+ border-bottom: 1px solid var(--dark-color-border) !important;
+}
+
+.dark-mode .login-form-box {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode select {
+ border: 1px solid var(--dark-color-border);
+ background: url(../images/icons/Down-Arrow.png) 88% center no-repeat transparent;
+}
+
+.dark-mode .edu-product .inner > .thumbnail .product-hover-info ul li a {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .edu-product .inner > .thumbnail .product-hover-info ul li a:hover {
+ color: var(--color-white);
+}
+
+.dark-mode .pro-qty input {
+ color: var(--color-white);
+}
+
+.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover i {
+ color: var(--color-white);
+}
+
+.dark-mode .cart-table th,
+ .dark-mode .cart-table td {
+ border-bottom: 1px solid var(--dark-color-border) !important;
+}
+
+.dark-mode .cart-table tbody td {
+ color: var(--color-title);
+}
+
+.dark-mode .cart-update-btn-area .product-cupon {
+ border: 1px solid var(--dark-color-border);
+}
+
+.dark-mode .cart-update-btn-area .product-cupon .submit-btn {
+ color: var(--color-white);
+}
+
+.dark-mode .cart-update-btn-area input[type="text"] {
+ background-color: transparent;
+}
+
+.dark-mode .cart-update-btn-area .update-btn .edu-btn.disabled {
+ opacity: 1;
+}
+
+.dark-mode .order-summery tbody td {
+ border-color: var(--dark-color-border) !important;
+}
+
+.dark-mode .checkout-billing .form-group input,
+ .dark-mode .checkout-billing .form-group textarea {
+ border-color: var(--dark-color-border);
+ background-color: transparent;
+}
+
+.dark-mode .checkout-billing .form-group select {
+ background: url(../images/icons/Down-Arrow.png) 88% center no-repeat transparent;
+}
+
+.dark-mode .order-payment .payment-method {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .order-payment .form-group {
+ border-bottom: 1px solid var(--dark-color-border);
+}
+
+.dark-mode .order-payment .form-group:last-child {
+ border-bottom: none;
+}
+
+.dark-mode .cls-1 {
+ fill: var(--color-white);
+}
+
+.dark-mode .edu-accordion .accordion-item .accordion-button {
+ color: var(--color-white);
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode blockquote {
+ background-color: var(--bg-color-2);
+}
+
+.dark-mode .contact-form.form-style-2 {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+}
+
+.dark-mode .event-details .details-content .event-meta li::after {
+ background-color: var(--dark-color-border);
+}
+
+.dark-mode .error-page-area .shape-group .shape-1 img {
+ -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+}
+
+.dark-mode .privacy-policy ul li {
+ color: var(--color-title);
+}
+
+.dark-mode .course-overview ul li {
+ color: var(--color-title);
+}
+
+.dark-mode .product-description-content .comment-form .form-group input,
+ .dark-mode .product-description-content .comment-form .form-group textarea {
+ background: transparent;
+}
+
+.dark-mode .comment-form .form-group input,
+ .dark-mode .comment-form .form-group textarea {
+ box-shadow: none;
+ border: 1px solid var(--dark-color-border);
+ background: transparent;
+}
+
+.dark-mode .comment-form .form-group .edu-form-check label::before {
+ background-color: transparent;
+}
+
+.dark-mode .wishlist-btn {
+ background: transparent;
+}
+
+.dark-mode .wishlist-btn.btn-outline-dark {
+ border: 1px solid var(--dark-color-border);
+}
+
+.dark-mode .wishlist-btn.btn-outline-dark:hover {
+ color: var(--color-white);
+ border-color: var(--color-secondary);
+ background-color: var(--color-secondary);
+}
+
+.dark-mode .wishlist-btn i {
+ color: var(--color-white);
+}
+
+.dark-mode .btn-icon-round {
+ color: var(--color-white);
+}
+
+.dark-mode .btn-icon-round:hover {
+ color: var(--color-white);
+}
+
+.dark-mode a.edu-btn.btn-secondary {
+ color: var(--color-white);
+}
+
+.dark-mode a.edu-btn.btn-secondary:hover {
+ color: var(--color-white);
+}
+
+.dark-mode .isotop-button button:hover, .dark-mode .isotop-button button.is-checked {
+ color: var(--color-white);
+}
+
+.dark-mode a.edu-btn.btn-border:hover {
+ color: var(--color-white);
+}
+
+.dark-mode input[type="text"],
+ .dark-mode input[type="password"],
+ .dark-mode input[type="email"],
+ .dark-mode input[type="number"],
+ .dark-mode input[type="tel"],
+ .dark-mode textarea {
+ background-color: transparent;
+}
+
+.dark-mode .contact-form-area input[type="text"],
+ .dark-mode .contact-form-area input[type="password"],
+ .dark-mode .contact-form-area input[type="email"],
+ .dark-mode .contact-form-area input[type="number"],
+ .dark-mode .contact-form-area input[type="tel"],
+ .dark-mode .contact-form-area textarea {
+ border: 1px solid var(--dark-color-border);
+}
+
+.dark-mode input[type="checkbox"] ~ label,
+ .dark-mode input[type="radio"] ~ label {
+ color: var(--color-title);
+}
+
+.dark-mode input[type="checkbox"] ~ label::before,
+ .dark-mode input[type="radio"] ~ label::before {
+ border: 1px solid var(--dark-color-border);
+ color: var(--color-white);
+}
+
+.dark-mode input[type="checkbox"] ~ label::after,
+ .dark-mode input[type="radio"] ~ label::after {
+ color: var(--color-white);
+}
+
+.dark-mode input[type="checkbox"]:checked ~ label::before,
+ .dark-mode input[type="radio"]:checked ~ label::before {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+}
+
+.dark-mode .login-form-box .chekbox-area .edu-form-check label::before {
+ background-color: transparent;
+}
+
+.dark-mode .swiper-navigation .swiper-btn-nxt,
+ .dark-mode .swiper-navigation .swiper-btn-prv {
+ background-color: transparent;
+ color: var(--color-white);
+}
+
+.dark-mode .swiper-navigation .swiper-btn-nxt:hover,
+ .dark-mode .swiper-navigation .swiper-btn-prv:hover {
+ color: var(--color-white);
+}
+
+.dark-mode .blog-style-4 .swiper-navigation .swiper-btn-nxt,
+ .dark-mode .blog-style-4 .swiper-navigation .swiper-btn-prv {
+ background-color: var(--bg-color-2);
+ color: var(--color-white);
+}
+
+.dark-mode .blog-style-4 .swiper-navigation .swiper-btn-nxt:hover,
+ .dark-mode .blog-style-4 .swiper-navigation .swiper-btn-prv:hover {
+ color: var(--color-white);
+}
+
+html[dir="rtl"] .header-top .header-top-right .header-info li {
+ padding: 14px 35px 12px 30px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ html[dir="rtl"] .header-top .header-top-right .header-info li {
+ padding: 14px 30px 12px;
+ font-size: 11px;
+ }
+}
+
+html[dir="rtl"] .header-top .header-top-right .header-info li .contact {
+ position: relative;
+ margin: 0 2px 0 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+}
+
+html[dir="rtl"] .header-top .header-top-right .header-info li .contact:hover {
+ color: var(--color-secondary);
+}
+
+html[dir="rtl"] .header-top .header-top-right .header-info li .icon-phone,
+ html[dir="rtl"] .header-top .header-top-right .header-info li .icon-envelope {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ right: -30px;
+ top: 10%;
+}
+
+html[dir="rtl"] .header-top .header-top-right .header-info li.header-btn .edu-btn i {
+ font-size: 16px;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ html[dir="rtl"] .header-top .header-top-left .header-notify {
+ font-size: 11px;
+ }
+}
+
+html[dir="rtl"] .header-top .header-info li .icon-envelope,
+html[dir="rtl"] .header-top .header-info li .icon-phone {
+ padding-right: inherit;
+ padding-left: 10px;
+}
+
+html[dir="rtl"] .header-top .header-info li::after {
+ right: inherit;
+ left: 0;
+}
+
+html[dir="rtl"] .header-category .mainmenu-nav .mainmenu li {
+ margin-right: 0;
+}
+
+html[dir="rtl"] .edu-header .header-category .mainmenu li.has-droupdown > a i {
+ padding-right: inherit;
+ margin-left: 10px;
+}
+
+html[dir="rtl"] .edu-header .header-category .mainmenu li.has-droupdown > a {
+ padding: 0 20px 0 40px;
+}
+
+html[dir="rtl"] .header-style-2 .header-mainmenu .header-right {
+ padding-left: inherit;
+ padding-right: 50px;
+ margin-left: 10px;
+}
+
+html[dir="rtl"] .header-style-2 .header-mainmenu .header-right::after {
+ left: inherit;
+ right: 17px;
+}
+
+html[dir="rtl"] .header-style-1 .header-brand .logo {
+ margin-right: 27px;
+}
+
+@media only screen and (max-width: 767px) {
+ html[dir="rtl"] .header-style-1 .header-brand .logo {
+ margin-right: 0;
+ }
+}
+
+html[dir="rtl"] .header-style-1 .header-category {
+ margin-right: 30px;
+}
+
+html[dir="rtl"] .header-style-3 .header-brand .logo {
+ margin-right: 0;
+}
+
+html[dir="rtl"] .header-style-3 .header-mainmenu .header-right {
+ padding-left: inherit;
+ padding-right: 50px;
+ margin-left: inherit;
+ margin-right: 22px;
+}
+
+html[dir="rtl"] .header-style-3 .header-mainmenu .header-right::after {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .header-style-3 .header-action {
+ margin: 0;
+}
+
+html[dir="rtl"] .header-action .search-bar .input-group .form-control {
+ padding: 0 20px 0 20px;
+}
+
+html[dir="rtl"] .header-action li.icon.cart-icon {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+html[dir="rtl"] .mainmenu-nav .mainmenu li.has-droupdown > a::after {
+ right: inherit;
+ left: 10px;
+}
+
+html[dir="rtl"] .mainmenu-nav .mainmenu li.has-droupdown .submenu {
+ text-align: right;
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu {
+ left: inherit;
+ right: -292px;
+}
+
+html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu .menu-title {
+ padding-left: 0;
+ padding-right: 100px;
+}
+
+html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu .submenu {
+ padding: 20px 50px 0 0;
+}
+
+html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu > li {
+ border-right: 1px solid var(--color-border);
+}
+
+html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu > li:first-child {
+ border-right: 0;
+}
+
+html[dir="rtl"] .popup-mobile-menu .inner {
+ left: inherit;
+ right: -150px;
+}
+
+html[dir="rtl"] .popup-mobile-menu .mainmenu .has-droupdown > a::after {
+ right: inherit;
+ left: 0;
+}
+
+html[dir="rtl"] .popup-mobile-menu.active .inner {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .edu-search-popup .site-logo {
+ left: inherit;
+ right: 70px;
+}
+
+html[dir="rtl"] .edu-search-popup .close-button {
+ right: inherit;
+ left: 62px;
+}
+
+html[dir="rtl"] .edu-search-popup .inner .search-form .submit-button {
+ right: inherit;
+ left: 0;
+}
+
+html[dir="rtl"] .hero-banner .banner-content .shape-group li.shape-1 {
+ left: inherit;
+ right: -74px;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .thumbnail {
+ text-align: left;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .instructor-info {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .instructor-info .inner {
+ padding: 26px 20px 16px 30px;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .instructor-info .inner .title {
+ margin-right: 14px;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .instructor-info .inner .media .content {
+ margin-right: 10px;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-1 {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-2 {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-3 {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-4 {
+ right: inherit;
+ left: 41px;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-5 {
+ right: inherit;
+ left: -50px;
+}
+
+html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-6 {
+ right: inherit;
+ left: -98px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-1 .shape-7 {
+ right: inherit;
+ left: 0;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {
+ padding-left: inherit;
+ padding-right: 30px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {
+ text-align: right;
+ }
+}
+
+html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .online-support {
+ left: inherit;
+ right: 85px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .online-support .inner .icon {
+ margin-right: inherit;
+ margin-left: 15px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .online-support .inner .content {
+ text-align: right;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-1 {
+ right: inherit;
+ left: 115px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-2 {
+ right: inherit;
+ left: -50px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-3 {
+ right: inherit;
+ left: -108px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-4 {
+ left: inherit;
+ right: -12px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-3 .swiper-slide:before {
+ background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%);
+ background: linear-gradient(270deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%);
+}
+
+html[dir="rtl"] .hero-banner.hero-style-3 .thumbnail-bg-content .banner-content {
+ right: 0;
+ left: inherit;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-3 .shape-group li.shape-1 {
+ left: inherit;
+ right: 8.2%;
+}
+
+html[dir="rtl"] .hero-banner.hero-banner.hero-style-3 .shape-group li.shape-2 {
+ left: inherit;
+ right: 26%;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-3 .shape-group li.shape-3 {
+ left: inherit;
+ right: -153px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-3 .hero-slider-bg-controls {
+ right: inherit;
+ left: 70px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-3 .hero-slider-bg-controls .slide-prev {
+ right: inherit;
+ left: -70px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content {
+ text-align: right;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-4 .banner-gallery .online-support .inner .icon {
+ margin-right: inherit;
+ margin-left: 15px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-2 {
+ left: inherit;
+ right: -22px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-3 {
+ right: inherit;
+ left: -16px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 {
+ right: inherit;
+ left: 0;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-2 {
+ left: inherit;
+ right: 80px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-3 {
+ right: inherit;
+ left: -75px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-4 {
+ right: inherit;
+ left: 23px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-6 .shape-group li.shape-1 {
+ left: inherit;
+ right: 250px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-6 .shape-group li.shape-2 {
+ left: inherit;
+ right: 115px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-6 .shape-group li.shape-3 {
+ right: inherit;
+ left: 0;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-content {
+ text-align: right;
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .hero-banner.hero-style-8 .banner-content {
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .hero-banner.hero-style-8 .banner-content .title {
+ padding: 0 110px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ html[dir="rtl"] .hero-banner.hero-style-8 .banner-content .title {
+ padding: 0 60px;
+ }
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-content p {
+ padding-right: inherit;
+ padding-left: 90px;
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .hero-banner.hero-style-8 .banner-content p {
+ padding-left: 0;
+ }
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control {
+ padding: 0 20px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .shape-group li.shape-5 {
+ left: inherit;
+ right: -240px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .shape-group li.shape-6 {
+ left: inherit;
+ right: -297px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail {
+ margin-right: inherit;
+ margin-left: -100px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail {
+ margin-left: -40px;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail {
+ margin-left: 0;
+ }
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .instructor-info {
+ right: 70px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 {
+ right: 162px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-2 {
+ right: inherit;
+ left: -30px;
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-3 {
+ right: inherit;
+ left: -100px;
+}
+
+@media only screen and (min-width: 1401px) and (max-width: 1650px) {
+ html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-3 {
+ left: -40px;
+ }
+}
+
+html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-4 {
+ left: inherit;
+ right: -10px;
+}
+
+html[dir="rtl"] .edu-about-area .about-content .features-list li {
+ padding-left: 0;
+ padding-right: 35px;
+}
+
+html[dir="rtl"] .edu-about-area .about-content .features-list li::before {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .edu-about-area .award-status {
+ right: inherit;
+ left: 70px;
+}
+
+html[dir="rtl"] .edu-about-area .award-status .inner .icon {
+ margin-right: 0;
+}
+
+html[dir="rtl"] .edu-about-area .award-status .inner .content {
+ text-align: right;
+ margin-right: 15px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-1 .about-image-gallery .video-box {
+ right: inherit;
+ left: 50px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-1 .about-image-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: -100px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-1 .about-image-gallery .shape-group li.shape-2 {
+ left: inherit;
+ right: -50px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-1 .about-image-gallery .shape-group li.shape-3 {
+ right: inherit;
+ left: 120px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-1 .shape-group li {
+ right: inherit;
+ left: -210px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery {
+ padding: 80px 70px 60px 0;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery .author-box {
+ right: inherit;
+ left: 0px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: -80px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery .shape-group li.shape-2 {
+ left: inherit;
+ right: -55px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery .shape-group li.shape-3 {
+ right: inherit;
+ left: -5px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-2 .about-content {
+ padding-left: inherit;
+ padding-right: 80px;
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .edu-about-area.about-style-2 .about-content {
+ padding-right: 0;
+ }
+}
+
+html[dir="rtl"] .edu-about-area.about-style-2 .shape-group li {
+ right: inherit;
+ left: -210px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-2 .award-status {
+ left: inherit;
+ right: -20px;
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1450px) {
+ html[dir="rtl"] .edu-about-area.about-style-2 .award-status {
+ right: 20px;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .edu-about-area.about-style-2 .award-status {
+ right: 20px;
+ }
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .about-content .nav-tabs .nav-item::after {
+ top: 6px;
+ right: inherit;
+ left: -18px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery {
+ padding: 80px 30px 65px 0;
+ text-align: right;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .main-img-2 {
+ right: inherit;
+ left: 0;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .main-img-2 {
+ left: 115px;
+ }
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .shape-group li.shape-1 {
+ right: inherit;
+ left: 95px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .shape-group li.shape-2 {
+ right: inherit;
+ left: 39px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .shape-group li.shape-3 {
+ right: -3px;
+ left: inherit;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .shape-group li.shape-4 {
+ right: inherit;
+ left: 40px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .shape-group li.shape-1 {
+ left: inherit;
+ right: 110px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-3 .shape-group li.shape-2 {
+ left: inherit;
+ right: 80px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .main-img-2 {
+ right: inherit;
+ left: 0;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .shape-group .shape-1 {
+ right: inherit;
+ left: 85px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .shape-group .shape-2 {
+ right: inherit;
+ left: 31px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .shape-group .shape-3 {
+ left: inherit;
+ right: -32px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .shape-group .shape-4 {
+ right: inherit;
+ left: 70px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-5 .about-image-gallery .shape-group li.shape-1 {
+ right: inherit;
+ left: -10px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-5 .about-image-gallery .shape-group li.shape-2 {
+ left: inherit;
+ right: -80px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-5 .shape-group li.shape-1 {
+ right: inherit;
+ left: 180px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-5 .about-content {
+ padding-left: inherit;
+ padding-right: 30px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-6 .about-image-gallery .main-img-2 {
+ text-align: left;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-6 .about-image-gallery .shape-group .shape-1 {
+ right: inherit;
+ left: 34px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-6 .about-image-gallery .shape-group .shape-2 {
+ left: inherit;
+ right: -15px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-6 .about-image-gallery .shape-group .shape-3 {
+ left: inherit;
+ right: 20px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery {
+ text-align: left;
+ padding: 80px 0 0 50px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .main-img-2 {
+ left: -22px;
+ right: inherit;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: 40px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .shape-group li.shape-2 {
+ left: inherit;
+ right: 40px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .shape-group li.shape-3 {
+ right: inherit;
+ left: -10px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .shape-group li.shape-4 {
+ left: inherit;
+ right: 10px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-7 > .shape-group > li {
+ left: inherit;
+ right: 125px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-8::after {
+ left: inherit;
+ right: -70px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-8 .about-content {
+ padding-right: inherit;
+ padding-left: 40px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-8 .about-content .about-mission .single-item {
+ padding-right: inherit;
+ padding-left: 40px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-8 .about-image-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: -90px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-8 .about-image-gallery .shape-group li.shape-2 {
+ left: inherit;
+ right: 25px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-8 .about-image-gallery .shape-group li.shape-3 {
+ right: inherit;
+ left: -70px;
+}
+
+html[dir="rtl"] .edu-about-area.about-style-8 .about-image-gallery .shape-group li.shape-4 {
+ right: inherit;
+ left: -165px;
+}
+
+html[dir="rtl"] .brand-grid-wrap .brand-grid:first-child {
+ border-left: none;
+}
+
+html[dir="rtl"] .brand-grid-wrap .brand-grid:nth-child(4n) {
+ border-left: 1px solid #f0f0f0;
+}
+
+html[dir="rtl"] .brand-grid-wrap .brand-grid:nth-child(5n) {
+ border-left: none;
+}
+
+html[dir="rtl"] .brand-grid-wrap.brand-style-2 .brand-grid:first-child {
+ border-right: none;
+}
+
+html[dir="rtl"] .brand-grid-wrap.brand-style-2 .brand-grid:last-child {
+ border-right: 1px solid #f0f0f0;
+}
+
+html[dir="rtl"] .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(5n) {
+ border-right: none;
+}
+
+html[dir="rtl"] .brand-section-heading {
+ padding-right: inherit;
+ padding-left: 60px;
+}
+
+html[dir="rtl"] .edu-blog-area.blog-area-2 .shape-group li.shape-1 {
+ top: 0;
+ left: inherit;
+ right: 135px;
+}
+
+@media only screen and (max-width: 1650px) {
+ html[dir="rtl"] .edu-blog-area.blog-area-2 .shape-group li.shape-1 {
+ right: 0;
+ }
+}
+
+html[dir="rtl"] .edu-blog-area.blog-area-6 .thumbnail .date {
+ left: inherit;
+ right: 20px;
+}
+
+html[dir="rtl"] .edu-blog-area.blog-area-6 .edu-blog .content.position-top .read-more-btn {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] .blog-meta li::after {
+ right: inherit;
+ left: -18px;
+}
+
+@media only screen and (max-width: 1199px) {
+ html[dir="rtl"] .blog-meta li::after {
+ left: -11px;
+ }
+}
+
+html[dir="rtl"] .blog-meta li i {
+ padding-right: inherit;
+ padding-left: 10px;
+}
+
+html[dir="rtl"] .edu-blog.blog-style-2.first-large-blog .content {
+ padding-left: inherit;
+ padding-right: 110px;
+}
+
+html[dir="rtl"] .edu-blog.blog-style-2.first-large-blog .content .blog-date {
+ left: auto;
+ right: 0;
+}
+
+html[dir="rtl"] .edu-blog.blog-style-2 .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ html[dir="rtl"] .edu-blog.blog-style-2 .thumbnail {
+ margin-left: 0;
+ }
+}
+
+html[dir="rtl"] .edu-blog.blog-style-2 .blog-date {
+ right: inherit;
+ left: 0;
+ border-radius: 60px 60px 60px 14px;
+}
+
+html[dir="rtl"] .edu-blog-widget.widget-latest-post .latest-post .thumbnail {
+ margin-right: inherit;
+ margin-left: 20px;
+}
+
+html[dir="rtl"] .edu-blog.blog-style-list .thumbnail {
+ margin-right: inherit;
+ margin-left: 40px;
+}
+
+html[dir="rtl"] .edu-blog .content.position-top .read-more-btn {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] blockquote {
+ padding: 35px 120px 35px 40px;
+}
+
+html[dir="rtl"] blockquote::after {
+ left: inherit;
+ right: 40px;
+}
+
+html[dir="rtl"] .blog-details-content .blog-tags .title,
+html[dir="rtl"] .blog-details-content .blog-share .title {
+ margin-right: inherit;
+ margin-left: 12px;
+}
+
+html[dir="rtl"] .blog-details-content ul {
+ padding-left: inherit;
+ margin-right: 20px;
+}
+
+html[dir="rtl"] .blog-author .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+html[dir="rtl"] .blog-pagination-list a i {
+ margin-right: inherit;
+ margin-left: 20px;
+}
+
+html[dir="rtl"] .edu-campus-area .campus-content {
+ margin-left: inherit;
+ margin-right: -120px;
+}
+
+@media only screen and (max-width: 1199px) {
+ html[dir="rtl"] .edu-campus-area .campus-content {
+ margin-right: 0;
+ }
+}
+
+html[dir="rtl"] .edu-campus-area .campus-content .features-box {
+ text-align: right;
+}
+
+html[dir="rtl"] .edu-campus-area .campus-content .features-box .icon {
+ margin-right: inherit;
+ margin-left: 20px;
+}
+
+html[dir="rtl"] .edu-campus-area .campus-content .shape-4 {
+ right: inherit;
+ left: -158px;
+}
+
+html[dir="rtl"] .edu-campus-area .campus-content .shape-5 {
+ right: inherit;
+ left: -64px;
+}
+
+html[dir="rtl"] .edu-campus-area .campus-content .shape-6 {
+ right: inherit;
+ left: -28px;
+}
+
+html[dir="rtl"] .edu-campus-area .campus-image-gallery .shape-1 {
+ left: inherit;
+ right: -235px;
+}
+
+html[dir="rtl"] .edu-campus-area .campus-image-gallery .shape-2 {
+ left: inherit;
+ right: -144px;
+}
+
+html[dir="rtl"] .edu-campus-area .campus-image-gallery .shape-3 {
+ left: inherit;
+ right: -85px;
+}
+
+html[dir="rtl"] .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: none;
+ border-left: 0.8px solid var(--color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ html[dir="rtl"] .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-left: none;
+ }
+}
+
+html[dir="rtl"] .edu-counterup.counterup-style-3:after {
+ right: inherit;
+ left: -15px;
+}
+
+html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: none;
+ border-left: 0.8px solid var(--color-border);
+}
+
+@media only screen and (max-width: 479px) {
+ html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-left: none;
+ }
+}
+
+html[dir="rtl"] .counterup-area-7 .counterup-content {
+ padding-right: inherit;
+ padding-left: 80px;
+}
+
+html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .shape-group li.shape-1 {
+ left: inherit;
+ right: -90px;
+}
+
+html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .shape-group li.shape-2 {
+ left: inherit;
+ right: -15px;
+}
+
+html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .shape-group li.shape-3 {
+ right: inherit;
+ left: -90px;
+}
+
+html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .shape-group li.shape-4 {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] .features-box.features-style-2 {
+ text-align: right;
+ padding: 30px 0;
+ border-left: 1px solid rgba(255, 255, 255, 0.15);
+ border-right: 0;
+ padding-left: inherit;
+ padding-right: 40px;
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .features-box.features-style-2:nth-child(2) {
+ border-left: none;
+ }
+}
+
+html[dir="rtl"] .features-box.features-style-2:last-child {
+ border-left: none;
+}
+
+html[dir="rtl"] .features-box.features-style-2 .content {
+ padding: 0 20px 0 0;
+}
+
+html[dir="rtl"] .features-box.features-style-3 {
+ text-align: right;
+}
+
+html[dir="rtl"] .features-box.features-style-3:first-child {
+ padding-left: inherit;
+ padding-right: 50px;
+}
+
+html[dir="rtl"] .features-box.features-style-3 .icon {
+ margin-right: inherit;
+ margin-left: 20px;
+}
+
+html[dir="rtl"] .features-box.features-style-4 {
+ text-align: right;
+}
+
+html[dir="rtl"] .features-box.features-style-4 .icon {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+html[dir="rtl"] .edu-cta-banner-area-6 .thumbnail img {
+ margin-left: inherit;
+ margin-right: 60px;
+}
+
+html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-01 {
+ left: inherit !important;
+ right: -8px !important;
+}
+
+html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-02 {
+ left: inherit !important;
+ right: -64px !important;
+}
+
+html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-03 {
+ left: inherit !important;
+ right: 28% !important;
+}
+
+html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-04 {
+ right: 29% !important;
+ left: inherit !important;
+}
+
+html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-05 {
+ right: inherit !important;
+ left: -251px !important;
+}
+
+html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-06 {
+ right: inherit !important;
+ left: -32% !important;
+}
+
+html[dir="rtl"] .categorie-grid.categorie-style-2 {
+ text-align: right;
+}
+
+html[dir="rtl"] .categorie-area-4 .categorie-grid {
+ text-align: right;
+}
+
+html[dir="rtl"] .categorie-area-4 .categorie-grid .icon {
+ margin: 0 0 0 20px;
+}
+
+html[dir="rtl"] .edu-course .thumbnail .time-top {
+ right: inherit;
+ left: 10px;
+}
+
+html[dir="rtl"] .edu-course .content .course-rating .rating-count {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+html[dir="rtl"] .edu-course .content .course-meta li {
+ margin-right: 0;
+}
+
+html[dir="rtl"] .edu-course .content .course-meta li:last-child {
+ margin-right: 22px;
+}
+
+html[dir="rtl"] .edu-course .content .course-meta li::after {
+ right: inherit;
+ left: -25px;
+}
+
+html[dir="rtl"] .edu-course .content .course-meta li i {
+ margin-right: inherit;
+ margin-left: 7px;
+}
+
+html[dir="rtl"] .edu-course .course-hover-content .content .wishlist-btn {
+ right: inherit;
+ left: 10px;
+}
+
+html[dir="rtl"] .edu-course.course-style-4 .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+@media only screen and (max-width: 575px) {
+ html[dir="rtl"] .edu-course.course-style-4 .thumbnail {
+ margin-left: 0;
+ }
+}
+
+html[dir="rtl"] .edu-course.course-style-4 .thumbnail .time-top {
+ left: inherit;
+ right: 10px;
+}
+
+html[dir="rtl"] .edu-course.course-style-5 .content .price-round {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] .edu-course.course-style-6 .thumbnail .price-round {
+ right: inherit;
+ left: 20px;
+}
+
+html[dir="rtl"] .edu-course.course-style-6 .content .course-meta li:last-child {
+ margin-right: 25px;
+}
+
+html[dir="rtl"] .edu-course.course-style-7 .thumbnail .course-price {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] .edu-course.course-style-7 .content .course-meta li:last-child {
+ margin-right: 20px;
+}
+
+html[dir="rtl"] .course-area-8 .edu-course.course-style-4::after {
+ background: -webkit-linear-gradient(left, #31b978 0%, #1ab69d 100%);
+ background: linear-gradient(-270deg, #31b978 0%, #1ab69d 100%);
+}
+
+html[dir="rtl"] .course-area-8 .course-style-4 .thumbnail .time-top {
+ left: inherit !important;
+ right: 0;
+}
+
+html[dir="rtl"] .course-area-8 .shape-group li.shape-1 {
+ left: inherit;
+ right: -280px;
+}
+
+html[dir="rtl"] .course-area-8 .shape-group li.shape-2 {
+ left: inherit;
+ right: -660px;
+}
+
+html[dir="rtl"] .course-area-8 .shape-group li.shape-3 {
+ right: inherit;
+ left: -101px;
+}
+
+html[dir="rtl"] .course-area-8 .shape-group li.shape-4 {
+ right: inherit;
+ left: -100px;
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .course-area-8 ul .section-title {
+ text-align: center;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .edu-cta-banner-area-6 .section-title.section-left {
+ text-align: center;
+ padding: 70px 110px;
+ }
+}
+
+@media only screen and (max-width: 575px) {
+ html[dir="rtl"] .edu-cta-banner-area-6 .section-title.section-left {
+ padding: 50px 60px;
+ }
+}
+
+html[dir="rtl"] .course-layout-five-tooltip-content .content .course-meta li {
+ margin-right: inherit;
+ margin-left: 25px;
+}
+
+html[dir="rtl"] .course-layout-five-tooltip-content .content .course-meta li::after {
+ right: inherit;
+ left: -17px;
+}
+
+html[dir="rtl"] .course-layout-five-tooltip-content .content .course-feature ul li {
+ padding-left: inherit;
+ padding-right: 28px;
+}
+
+html[dir="rtl"] .course-layout-five-tooltip-content .content .course-feature ul li::before {
+ left: inherit;
+ right: 0;
+ margin-right: 0;
+}
+
+html[dir="rtl"] .home-four-course .shape-group .shape-1 {
+ right: inherit;
+ left: -88px;
+}
+
+html[dir="rtl"] .home-four-course .shape-group .shape-2 {
+ right: inherit;
+ left: -406px;
+}
+
+html[dir="rtl"] .edu-event-area .edu-event .thumbnail .event-time {
+ left: inherit;
+ right: 10px;
+}
+
+html[dir="rtl"] .edu-event-area .edu-event .content .event-date {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] .edu-event-area .edu-event .content .event-meta li i {
+ padding-right: inherit;
+ padding-left: 10px;
+}
+
+html[dir="rtl"] .edu-event-area .shape-group li.shape-1 {
+ left: inherit;
+ right: -81px;
+}
+
+html[dir="rtl"] .edu-event-area .shape-group li.shape-2 {
+ left: inherit;
+ right: -190px;
+}
+
+html[dir="rtl"] .edu-event-area.event-area-1 .edu-event-list.event-list-2 .content {
+ padding-left: 0;
+ padding-right: 40px;
+}
+
+@media only screen and (max-width: 767px) {
+ html[dir="rtl"] .edu-event-area.event-area-1 .edu-event-list.event-list-2 .content {
+ padding-right: 0;
+ }
+}
+
+html[dir="rtl"] .edu-event-area.event-area-1 .edu-event-list.event-list-2 .content .event-meta li i {
+ padding-right: inherit;
+ padding-left: 10px;
+}
+
+html[dir="rtl"] .edu-event-area.event-area-1 .edu-event-list.event-list-2 .content .event-location i {
+ padding-right: inherit;
+ padding-left: 10px;
+}
+
+html[dir="rtl"] .edu-event-area.event-area-3 .edu-event-list .content {
+ padding-left: inherit;
+ padding-right: 28px;
+}
+
+html[dir="rtl"] .edu-event-area.event-area-3 .edu-event-list .content .event-meta li i {
+ padding-right: 0;
+}
+
+html[dir="rtl"] .edu-event-area.event-area-3 .edu-event-list .content .event-location i {
+ padding-right: inherit;
+ padding-left: 10px;
+}
+
+html[dir="rtl"] .event-details-area .event-details .details-content ul {
+ padding-left: inherit;
+ padding-right: 20px;
+}
+
+html[dir="rtl"] .event-details-area .event-details .details-content .event-meta {
+ padding-right: 0;
+}
+
+html[dir="rtl"] .event-details-area .event-details .details-content .event-meta li::after {
+ right: inherit;
+ left: -20px;
+}
+
+html[dir="rtl"] .event-details-area .event-details .details-content .event-meta li i {
+ padding-right: inherit;
+ padding-left: 10px;
+}
+
+html[dir="rtl"] .edu-course-widget.widget-course-summery .content .course-item li i {
+ padding-right: inherit;
+ padding-left: 15px;
+}
+
+html[dir="rtl"] .countdown .countdown-section {
+ margin-right: inherit;
+ margin-left: 15px;
+}
+
+html[dir="rtl"] .edu-breadcrumb-area .course-meta li::after {
+ right: inherit;
+ left: -20px;
+}
+
+html[dir="rtl"] .edu-breadcrumb-area .course-meta li i {
+ padding-right: inherit;
+ padding-left: 14px;
+}
+
+html[dir="rtl"] .edu-breadcrumb-area .course-meta .course-rating .rating {
+ margin-left: 8px;
+}
+
+html[dir="rtl"] .edu-breadcrumb-area.breadcrumb-style-3 .breadcrumb-inner .page-title .title {
+ text-align: right;
+}
+
+html[dir="rtl"] .edu-breadcrumb-area.breadcrumb-style-4 .page-title .title {
+ width: 52%;
+}
+
+html[dir="rtl"] .edu-course-widget.widget-course-summery .content .course-item li svg {
+ margin-right: inherit;
+ margin-left: 15px;
+}
+
+html[dir="rtl"] .course-overview ul li {
+ padding-left: inherit;
+ padding-right: 30px;
+}
+
+html[dir="rtl"] .course-overview ul li::after {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .course-curriculam .course-lesson ul li .text i {
+ margin-right: inherit;
+ margin-left: 8px;
+}
+
+html[dir="rtl"] .course-instructor .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+html[dir="rtl"] .course-details-content .entry-content .course-meta li::after {
+ right: inherit;
+ left: -20px;
+}
+
+html[dir="rtl"] .course-details-content .entry-content .course-meta li i {
+ padding-right: inherit;
+ padding-left: 14px;
+}
+
+html[dir="rtl"] .course-details-content .entry-content .course-meta .course-rating .rating {
+ margin-right: inherit;
+ margin-left: 8px;
+}
+
+html[dir="rtl"] .course-details-content .course-enroll-box .single-item::after {
+ right: inherit;
+ left: 0;
+}
+
+@media only screen and (max-width: 767px) {
+ html[dir="rtl"] .course-details-content .course-enroll-box .single-item::after {
+ height: 1px;
+ width: 100%;
+ bottom: 0;
+ top: auto;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ }
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button {
+ text-align: right;
+ padding: 30px 60px 30px 71px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button::after {
+ right: inherit;
+ left: 47px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button::before {
+ left: inherit;
+ right: 30px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button .expand {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status {
+ padding: 22px 30px 20px 30px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title i {
+ margin-right: inherit;
+ margin-left: 15px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span::after {
+ right: inherit;
+ left: -12px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:last-child {
+ margin-right: 20px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson ul li {
+ padding: 14px 100px 14px 40px;
+}
+
+html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson ul li::before {
+ left: inherit;
+ right: 70px;
+}
+
+html[dir="rtl"] .course-review .comment-form-area .rating-icon .title {
+ margin-right: inherit;
+ margin-left: 22px;
+}
+
+html[dir="rtl"] .course-review .border-box .rating-box {
+ margin: 30px 30px;
+}
+
+html[dir="rtl"] .faq-accordion .accordion-item .accordion-button::before {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-content .shape-group li.shape-1 {
+ right: inherit;
+ left: -145px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-content .shape-group li.shape-2 {
+ right: inherit;
+ left: -165px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .thumbnail-1,
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .thumbnail-3 {
+ text-align: left;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .thumbnail-1 img {
+ border-radius: 120px 120px 120px 0;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .thumbnail-4 img {
+ border-radius: 50px 0 120px 120px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: 44%;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .shape-group li.shape-2 {
+ left: -10px;
+ right: inherit;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .shape-group li.shape-3 {
+ left: inherit;
+ right: -7px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .shape-group li.shape-4 {
+ left: inherit;
+ right: -45px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-1 {
+ left: inherit;
+ right: -35px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-2 {
+ left: inherit;
+ right: 210px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-3 {
+ right: inherit;
+ left: -22px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-4 {
+ right: inherit;
+ left: -58px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-5 {
+ left: inherit;
+ right: -50px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-6 {
+ left: inherit;
+ right: 90px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-3 .edu-faq-gallery {
+ text-align: left;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-3 .edu-faq-gallery .shape-group .shape-1 {
+ right: inherit;
+ left: -50px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-3 .edu-faq-gallery .shape-group .shape-2 {
+ right: inherit;
+ left: -97px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-3 .edu-faq-gallery .shape-group .shape-3 {
+ left: inherit;
+ right: -68px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-4 .faq-thumbnail .shape-group li.shape-1 {
+ right: inherit;
+ left: 20px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-4 .faq-thumbnail .shape-group li.shape-2 {
+ right: inherit;
+ left: -55px;
+ top: -44px;
+}
+
+html[dir="rtl"] .edu-faq-area.faq-style-4 .faq-thumbnail .shape-group li.shape-3 {
+ left: inherit;
+ right: -5px;
+}
+
+html[dir="rtl"] .faq-style-5 .edu-faq-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: 3px;
+}
+
+html[dir="rtl"] .faq-style-5 .edu-faq-gallery .shape-group li.shape-2 {
+ right: inherit;
+ left: 147px;
+}
+
+html[dir="rtl"] .faq-style-5 .edu-faq-gallery .shape-group li.shape-3 {
+ left: inherit;
+ right: -122%;
+ bottom: -10px;
+}
+
+html[dir="rtl"] .faq-style-5 .edu-faq-content .shape-group li.shape-1 {
+ right: inherit;
+ left: -145px;
+}
+
+html[dir="rtl"] .faq-style-5 .edu-faq-content .shape-group li.shape-2 {
+ right: inherit;
+ left: -165px;
+}
+
+html[dir="rtl"] .faq-page-nav {
+ padding-right: inherit;
+ padding-left: 60px;
+}
+
+@media only screen and (max-width: 575px) {
+ html[dir="rtl"] .faq-page-nav {
+ padding-left: 0;
+ }
+}
+
+html[dir="rtl"] .faq-page-nav .nav-tabs .nav-link {
+ padding-right: 30px;
+}
+
+html[dir="rtl"] .faq-page-nav .nav-tabs .nav-link::after {
+ top: 4px;
+ right: 0;
+ left: inherit;
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+html[dir="rtl"] .section-title.section-left {
+ text-align: right;
+}
+
+html[dir="rtl"] .testimonial-grid::after {
+ right: inherit;
+ left: -12px;
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+html[dir="rtl"] .testimonial-grid .thumbnail .qoute-icon {
+ right: inherit;
+ left: -12px;
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+html[dir="rtl"] .testimonial-heading-area {
+ padding-right: 0;
+ padding-left: 50px;
+}
+
+html[dir="rtl"] .testimonial-slide .author-info .thumb {
+ margin-right: inherit;
+ margin-left: 20px;
+}
+
+html[dir="rtl"] .testimonial-area-2 .shape-group .shape-1 {
+ right: inherit;
+ left: -75px;
+}
+
+html[dir="rtl"] .testimonial-area-2 .shape-group .shape-2 {
+ right: inherit;
+ left: -106px;
+}
+
+html[dir="rtl"] .testimonial-area-2 .shape-group .shape-3 {
+ bottom: inherit;
+ top: 300px;
+}
+
+html[dir="rtl"] .testimonial-area-3 .shape-group li.shape-5 {
+ bottom: inherit;
+ top: 144px;
+}
+
+html[dir="rtl"] .testimonial-area-4 .swiper-navigation {
+ text-align: right;
+}
+
+html[dir="rtl"] .testimonial-area-4 .swiper-navigation .swiper-btn-prv,
+ html[dir="rtl"] .testimonial-area-4 .swiper-navigation .swiper-btn-nxt {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+
+html[dir="rtl"] .testimonial-area-4 .shape-group li.shape-1 {
+ left: inherit;
+ right: 42%;
+}
+
+html[dir="rtl"] .testimonial-area-4 .shape-group li.shape-2 {
+ right: inherit;
+ left: 12%;
+}
+
+html[dir="rtl"] .testimonial-area-6 .shape-group li.shape-1 {
+ left: inherit;
+ right: -100px;
+}
+
+html[dir="rtl"] .testimonial-area-6 .shape-group li.shape-2 {
+ right: inherit;
+ left: -94px;
+}
+
+html[dir="rtl"] .testimonial-area-6 .shape-group li.shape-3 {
+ right: inherit;
+ left: -250px;
+}
+
+html[dir="rtl"] .testimonial-area-6 .swiper-pagination {
+ text-align: left;
+}
+
+html[dir="rtl"] .testimonial-area-8 .testimonial-slide .author-info .thumb {
+ margin-left: 0;
+}
+
+html[dir="rtl"] .edu-team-grid.team-style-1 .team-share-info {
+ right: inherit;
+ left: 20px;
+}
+
+html[dir="rtl"] .edu-team-grid.team-style-3 .content {
+ left: inherit;
+ right: 30px;
+ text-align: right;
+}
+
+html[dir="rtl"] .edu-team-grid.team-style-4 .content {
+ text-align: right;
+ margin-left: inherit;
+ margin-right: 30px;
+}
+
+html[dir="rtl"] .team-area-3 .shape-group li.shape-1 {
+ left: inherit;
+ right: 135px;
+}
+
+html[dir="rtl"] .team-details-content .main-info .team-meta li {
+ margin-right: inherit;
+ margin-left: 40px;
+}
+
+html[dir="rtl"] .team-details-content .main-info .team-meta li::after {
+ right: inherit;
+ left: -22px;
+}
+
+html[dir="rtl"] .team-details-content .main-info .team-meta li i {
+ margin-right: inherit;
+ margin-left: 7px;
+}
+
+html[dir="rtl"] .team-details-content .contact-info ul li span {
+ min-width: 70px;
+}
+
+html[dir="rtl"] .edu-footer .edu-footer-widget.explore-widget {
+ margin-left: 0;
+ margin-right: 65px;
+}
+
+@media only screen and (max-width: 991px) {
+ html[dir="rtl"] .edu-footer .edu-footer-widget.explore-widget {
+ margin-right: 0;
+ }
+}
+
+html[dir="rtl"] .edu-footer .edu-footer-widget .input-group button {
+ margin-left: inherit !important;
+ margin-right: 10px !important;
+}
+
+@media only screen and (max-width: 767px) {
+ html[dir="rtl"] .edu-footer .edu-footer-widget .input-group button {
+ margin-right: 0 !important;
+ }
+}
+
+html[dir="rtl"] .edu-btn .icon-west {
+ font-size: 18px;
+ font-weight: bold;
+ top: 2px;
+ right: 4px;
+}
+
+html[dir="rtl"] .btn-icon-round {
+ font-size: 18px;
+ font-weight: bold;
+}
+
+html[dir="rtl"] .why-choose-area-1 .features-list .features-box .content {
+ text-align: right;
+}
+
+html[dir="rtl"] .why-choose-area-1 .features-list .features-box .icon {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+html[dir="rtl"] .why-choose-area-1 .why-choose-gallery .thumbnail.thumbnail-1 {
+ text-align: left;
+}
+
+html[dir="rtl"] .why-choose-area-1 .why-choose-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: 30px;
+}
+
+html[dir="rtl"] .why-choose-area-1 .why-choose-gallery .shape-group li.shape-2 {
+ left: 45px;
+ right: inherit;
+}
+
+html[dir="rtl"] .why-choose-area-3 .section-title-flex .left-content {
+ margin-right: inherit;
+ margin-left: 90px;
+}
+
+html[dir="rtl"] .why-choose-area-3 .section-title-flex .left-content::after {
+ right: inherit;
+ left: -20px;
+}
+
+html[dir="rtl"] .why-choose-area-3 .shape-group li.shape-1 {
+ left: inherit;
+ right: 75px;
+}
+
+html[dir="rtl"] .why-choose-area-3 .shape-group li.shape-2 {
+ left: inherit;
+ right: 120px;
+}
+
+html[dir="rtl"] .why-choose-area-3 .shape-group li.shape-3 {
+ right: inherit;
+ left: -60px;
+}
+
+html[dir="rtl"] .newsletter-form .input-group .btn-curved {
+ margin-left: inherit;
+ margin-right: 20px !important;
+}
+
+html[dir="rtl"] .pricing-table .pricing-body .list-item li i {
+ margin-right: inherit;
+ margin-left: 10px;
+}
+
+@media only screen and (max-width: 767px) {
+ html[dir="rtl"] .privacy-policy {
+ padding-right: 0;
+ }
+}
+
+html[dir="rtl"] .privacy-policy ul li {
+ padding-left: inherit;
+ padding-right: 30px;
+}
+
+html[dir="rtl"] .privacy-policy ul li::after {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] .login-form-box .form-group .password-show {
+ right: inherit;
+ left: 18px;
+}
+
+html[dir="rtl"] .edu-sorting-area .sorting-right .edu-sorting .icon {
+ left: inherit;
+ right: 22px;
+}
+
+html[dir="rtl"] .edu-sorting-area .sorting-right .edu-sorting .edu-select {
+ padding-left: inherit;
+ padding-right: 50px;
+}
+
+html[dir="rtl"] .edu-sorting-area .sorting-right .layout-switcher {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+html[dir="rtl"] .edu-sorting-area .sorting-right .layout-switcher label {
+ margin-right: inherit;
+ margin-left: 10px;
+}
+
+html[dir="rtl"] select {
+ background: url(../images/icons/arrow-icon.png) 10% center no-repeat;
+ background-color: var(--color-lighten01);
+}
+
+html[dir="rtl"] .product-details-area .content .product-action .add-to-cart-btn a {
+ margin-right: inherit;
+ margin-left: 10px;
+}
+
+html[dir="rtl"] .product-description-content .comment-form .review-rating .title {
+ margin-right: inherit;
+ margin-left: 15px;
+}
+
+html[dir="rtl"] .comment-list-wrapper .comment .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+}
+
+html[dir="rtl"] .contact-me .thumbnail {
+ margin-right: inherit;
+ margin-left: 130px;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ html[dir="rtl"] .contact-me .thumbnail {
+ margin-left: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ html[dir="rtl"] .contact-me .thumbnail {
+ margin-left: 0;
+ }
+}
+
+html[dir="rtl"] .checkout-billing .form-group select {
+ background: url(../images/icons/arrow-icon.png) 11% center no-repeat transparent;
+}
+
+html[dir="rtl"] .rn-progress-parent {
+ right: inherit;
+ left: 30px;
+}
+
+html[dir="rtl"] .isotop-button.button-transparent button::after {
+ bottom: -3px;
+}
+
+html[dir="rtl"] input[type="checkbox"] ~ label,
+html[dir="rtl"] input[type="radio"] ~ label {
+ padding-left: inherit;
+ padding-right: 40px;
+}
+
+html[dir="rtl"] input[type="checkbox"] ~ label::before,
+ html[dir="rtl"] input[type="radio"] ~ label::before {
+ left: inherit;
+ right: 0;
+}
+
+html[dir="rtl"] input[type="checkbox"] ~ label::after,
+ html[dir="rtl"] input[type="radio"] ~ label::after {
+ left: inherit;
+ right: 3px;
+}
+
+html[dir="rtl"] .input-group .form-control {
+ text-align: right;
+}
+
+html[dir="rtl"] .form-group input,
+html[dir="rtl"] .form-group textarea {
+ text-align: right;
+}
+
+html[dir="rtl"] .preloader-close-btn-wraper {
+ right: inherit;
+ left: 0;
+}
+
+html[dir="rtl"] .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid {
+ margin-right: 36px;
+ margin-left: 0px;
+ box-shadow: -40px 0px 50px 0px rgba(26, 46, 85, 0.1);
+}
+
+html[dir="rtl"] .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid {
+ margin-left: 36px;
+ margin-right: 40px;
+ box-shadow: 70px 0px 50px 0px rgba(26, 46, 85, 0.1);
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/css/developer.css b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/css/developer.css
new file mode 100644
index 00000000..e37b2e90
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/css/developer.css
@@ -0,0 +1,11 @@
+.error{
+ color: red !important;
+ font-size: 13px !important;
+ font-weight:bold !important;
+}
+.has-error{
+ border-color:red !important;
+}
+ul li .active{
+ color:#31b978 !important;
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.eot b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.eot
new file mode 100644
index 00000000..74856bd1
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.eot differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.svg
new file mode 100644
index 00000000..574fd647
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.svg
@@ -0,0 +1,119 @@
+
+
+
+Generated by IcoMoon
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.ttf b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.ttf
new file mode 100644
index 00000000..8b01358d
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.ttf differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.woff b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.woff
new file mode 100644
index 00000000..04a32071
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/icomoon.woff differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.eot b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.eot
new file mode 100644
index 00000000..40629af2
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.eot differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.svg
new file mode 100644
index 00000000..a76b1b59
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.svg
@@ -0,0 +1,6835 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.ttf b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.ttf
new file mode 100644
index 00000000..c461f40e
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.ttf differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.woff b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.woff
new file mode 100644
index 00000000..62a756bd
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.woff differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.woff2 b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.woff2
new file mode 100644
index 00000000..89a0b99e
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/remixicon.woff2 differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.eot b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.eot
new file mode 100644
index 00000000..2cbab9ca
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.eot differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.svg
new file mode 100644
index 00000000..b36a66a6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.svg
@@ -0,0 +1,14 @@
+
+
+
+Generated by Fontastic.me
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.ttf b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.ttf
new file mode 100644
index 00000000..9d03461b
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.ttf differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.woff b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.woff
new file mode 100644
index 00000000..8ee99721
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/fonts/slick.woff differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-01.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-01.webp
new file mode 100644
index 00000000..82259512
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-01.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-02.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-02.webp
new file mode 100644
index 00000000..b81352c2
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-02.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-03.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-03.webp
new file mode 100644
index 00000000..a3ac796e
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-03.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-04.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-04.webp
new file mode 100644
index 00000000..dbfddde9
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-04.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-05.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-05.webp
new file mode 100644
index 00000000..a45502f4
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-05.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-06.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-06.webp
new file mode 100644
index 00000000..c61b95ca
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-06.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-07.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-07.webp
new file mode 100644
index 00000000..a45502f4
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-07.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-08.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-08.webp
new file mode 100644
index 00000000..daa7e3e2
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-08.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-11.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-11.webp
new file mode 100644
index 00000000..a3ac796e
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-11.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-12.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-12.webp
new file mode 100644
index 00000000..26ca06e1
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-12.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-13.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-13.webp
new file mode 100644
index 00000000..6415427a
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-13.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-14.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-14.webp
new file mode 100644
index 00000000..d8540000
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-14.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-15.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-15.webp
new file mode 100644
index 00000000..7de4c896
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-15.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-16.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-16.webp
new file mode 100644
index 00000000..089de28c
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-16.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-17.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-17.webp
new file mode 100644
index 00000000..b8e1dc5f
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-17.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-18.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-18.webp
new file mode 100644
index 00000000..0a5d2781
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/about/about-18.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/Icon 002.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/Icon 002.svg
new file mode 100644
index 00000000..f73ce74d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/Icon 002.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/book-library.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/book-library.svg
new file mode 100644
index 00000000..abc87919
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/book-library.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/certificate-2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/certificate-2.svg
new file mode 100644
index 00000000..4a973c4c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/certificate-2.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/certificate.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/certificate.svg
new file mode 100644
index 00000000..e491a0ca
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/certificate.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/hybrid-distance-programs-2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/hybrid-distance-programs-2.svg
new file mode 100644
index 00000000..2d2f3e43
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/hybrid-distance-programs-2.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/hybrid-distance-programs.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/hybrid-distance-programs.svg
new file mode 100644
index 00000000..b2754c4b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/hybrid-distance-programs.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/instructor-2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/instructor-2.svg
new file mode 100644
index 00000000..b9a2e98c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/instructor-2.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/instructor.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/instructor.svg
new file mode 100644
index 00000000..8b94a81f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/instructor.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/linea-basic-flag2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/linea-basic-flag2.svg
new file mode 100644
index 00000000..c912042c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/linea-basic-flag2.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/non-degree-programs.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/non-degree-programs.svg
new file mode 100644
index 00000000..d81324a4
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/non-degree-programs.svg
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/off-campus-programs-2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/off-campus-programs-2.svg
new file mode 100644
index 00000000..c25781f8
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/off-campus-programs-2.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/off-campus-programs.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/off-campus-programs.svg
new file mode 100644
index 00000000..f213a371
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/off-campus-programs.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-class-2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-class-2.svg
new file mode 100644
index 00000000..4fe91547
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-class-2.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-class.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-class.svg
new file mode 100644
index 00000000..c754e437
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-class.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-degree.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-degree.svg
new file mode 100644
index 00000000..f73ce74d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/online-degree.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/scholarship-facility.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/scholarship-facility.svg
new file mode 100644
index 00000000..d759d6b4
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/scholarship-facility.svg
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/skilled-lecturers-2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/skilled-lecturers-2.svg
new file mode 100644
index 00000000..bafa843f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/skilled-lecturers-2.svg
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/skilled-lecturers.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/skilled-lecturers.svg
new file mode 100644
index 00000000..4c279ba0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/animated-svg-icons/skilled-lecturers.svg
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/couple-cooking.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/couple-cooking.webp
new file mode 100644
index 00000000..d2b1c464
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/couple-cooking.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-1.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-1.webp
new file mode 100644
index 00000000..8e7945db
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-1.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-2.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-2.webp
new file mode 100644
index 00000000..43db4cf4
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-2.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-3.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-3.webp
new file mode 100644
index 00000000..cea8e93c
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-3.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-4.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-4.webp
new file mode 100644
index 00000000..43db4cf4
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-4.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-5.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-5.webp
new file mode 100644
index 00000000..72b5ac4d
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-5.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-6.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-6.webp
new file mode 100644
index 00000000..486c1839
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-6.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-rtl-3.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-rtl-3.webp
new file mode 100644
index 00000000..cea8e93c
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/girl-rtl-3.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/home8-rtl-vactor-bg.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/home8-rtl-vactor-bg.webp
new file mode 100644
index 00000000..156125e5
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/home8-rtl-vactor-bg.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/home8-vactor-bg.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/home8-vactor-bg.webp
new file mode 100644
index 00000000..54d7b0a8
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/home8-vactor-bg.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-1.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-1.webp
new file mode 100644
index 00000000..fc889c10
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-1.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-2.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-2.webp
new file mode 100644
index 00000000..fa26aba3
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-2.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-3.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-3.webp
new file mode 100644
index 00000000..1cd2c746
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-3.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-4.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-4.webp
new file mode 100644
index 00000000..d76d4798
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/kid-4.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/man-1.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/man-1.webp
new file mode 100644
index 00000000..fab36692
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/banner/man-1.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-1.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-1.svg
new file mode 100644
index 00000000..53ca6520
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-1.svg
@@ -0,0 +1,7 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-14.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-14.webp
new file mode 100644
index 00000000..4fb56a07
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-14.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-17.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-17.webp
new file mode 100644
index 00000000..e03c14d5
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-17.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-19.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-19.webp
new file mode 100644
index 00000000..a7d33644
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-19.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-2.svg
new file mode 100644
index 00000000..37b96064
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-2.svg
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-20.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-20.svg
new file mode 100644
index 00000000..f844373b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-20.svg
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-21.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-21.webp
new file mode 100644
index 00000000..a7d33644
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-21.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-26.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-26.webp
new file mode 100644
index 00000000..e03c14d5
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-26.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-28.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-28.webp
new file mode 100644
index 00000000..e03c14d5
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-28.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-29.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-29.webp
new file mode 100644
index 00000000..c243f1eb
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-29.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-3.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-3.svg
new file mode 100644
index 00000000..39af9ab6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-3.svg
@@ -0,0 +1,7 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-30.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-30.webp
new file mode 100644
index 00000000..c243f1eb
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-30.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-31.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-31.webp
new file mode 100644
index 00000000..c243f1eb
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-31.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-32.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-32.webp
new file mode 100644
index 00000000..7f7279da
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-32.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-33.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-33.webp
new file mode 100644
index 00000000..74d0b063
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-33.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-34.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-34.webp
new file mode 100644
index 00000000..908100bc
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-34.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-4.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-4.svg
new file mode 100644
index 00000000..b5027b62
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-4.svg
@@ -0,0 +1,7 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-5.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-5.svg
new file mode 100644
index 00000000..621b83be
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-5.svg
@@ -0,0 +1,7 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-6.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-6.svg
new file mode 100644
index 00000000..de827c9b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/bg-image-6.svg
@@ -0,0 +1,7 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/dark-bg-image-20.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/dark-bg-image-20.svg
new file mode 100644
index 00000000..7336358a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/dark-bg-image-20.svg
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/h8-testimonial-bg.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/h8-testimonial-bg.svg
new file mode 100644
index 00000000..0cc43502
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/bg/h8-testimonial-bg.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/08_Home-Page.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/08_Home-Page.png
new file mode 100644
index 00000000..467fe6f5
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/08_Home-Page.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4ae86cbccdc7244a9e4dfba9893f8cd7b8c25725ead9581ea1dcef9244f8883c
+size 1297
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/author-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/author-01.jpg
new file mode 100644
index 00000000..ad84fd1e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/author-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f442e839c200e2d46d098e4a131bf1d842b3f9ee115958ba327c4d463ae094dd
+size 391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/author-01.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/author-01.png
new file mode 100644
index 00000000..ad84fd1e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/author-01.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f442e839c200e2d46d098e4a131bf1d842b3f9ee115958ba327c4d463ae094dd
+size 391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-01.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-02.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-02.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-03.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-03.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-03.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-04.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-04.jpg
new file mode 100644
index 00000000..fa3a4339
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-04.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:55fb5bb82905fdc379e56d6f49cac8bf8761b1cfc4da615f8712fd6d6642895e
+size 3015
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-05.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-05.jpg
new file mode 100644
index 00000000..a2735254
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-05.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:726dde45072f2ea233f4ab6da8a62976d51cd2fc47bf694459e8bfdc9caec03e
+size 1052
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-06.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-06.jpg
new file mode 100644
index 00000000..a2735254
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-06.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:726dde45072f2ea233f4ab6da8a62976d51cd2fc47bf694459e8bfdc9caec03e
+size 1052
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-07.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-07.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-07.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-08.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-08.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-08.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-09.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-09.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-09.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-10.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-10.jpg
new file mode 100644
index 00000000..a2735254
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-10.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:726dde45072f2ea233f4ab6da8a62976d51cd2fc47bf694459e8bfdc9caec03e
+size 1052
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-11.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-11.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-11.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-12.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-12.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-12.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-13.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-13.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-13.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-14.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-14.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-14.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-15.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-15.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-15.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_1.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_1.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_1.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_2.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_2.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_2.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_3.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_3.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-16_3.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-17.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-17.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-17.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-18.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-18.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-18.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-19.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-19.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-19.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-20.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-20.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-20.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-21.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-21.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-21.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-22.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-22.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-22.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-23.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-23.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-23.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-24.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-24.jpg
new file mode 100644
index 00000000..08dfaf1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-24.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:557f9e5c9169296971227980fb24eff0412b4987dfe3ef83a3feb3701fe0a7d2
+size 1391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-25.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-25.jpg
new file mode 100644
index 00000000..9bdc22b9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-25.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f2a0ce9f67968a3bdf8b3e661149f7ee9b6eb61acf7f1cedfa12ca145b90f2df
+size 1395
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-26.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-26.jpg
new file mode 100644
index 00000000..9bdc22b9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-26.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f2a0ce9f67968a3bdf8b3e661149f7ee9b6eb61acf7f1cedfa12ca145b90f2df
+size 1395
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-27.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-27.jpg
new file mode 100644
index 00000000..9bdc22b9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-27.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f2a0ce9f67968a3bdf8b3e661149f7ee9b6eb61acf7f1cedfa12ca145b90f2df
+size 1395
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-28.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-28.jpg
new file mode 100644
index 00000000..9bdc22b9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-28.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f2a0ce9f67968a3bdf8b3e661149f7ee9b6eb61acf7f1cedfa12ca145b90f2df
+size 1395
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-29.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-29.jpg
new file mode 100644
index 00000000..9bdc22b9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-29.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f2a0ce9f67968a3bdf8b3e661149f7ee9b6eb61acf7f1cedfa12ca145b90f2df
+size 1395
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-30.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-30.jpg
new file mode 100644
index 00000000..9bdc22b9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-30.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f2a0ce9f67968a3bdf8b3e661149f7ee9b6eb61acf7f1cedfa12ca145b90f2df
+size 1395
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-31.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-31.jpg
new file mode 100644
index 00000000..9bdc22b9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-31.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f2a0ce9f67968a3bdf8b3e661149f7ee9b6eb61acf7f1cedfa12ca145b90f2df
+size 1395
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-32.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-32.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-32.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-33.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-33.jpg
new file mode 100644
index 00000000..19d482a3
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-33.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ad82dd2d96d31165f6d8a719444be35b8695207a866e3f42708a5f69501ffb67
+size 1359
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-34.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-34.jpg
new file mode 100644
index 00000000..467fe6f5
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-34.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4ae86cbccdc7244a9e4dfba9893f8cd7b8c25725ead9581ea1dcef9244f8883c
+size 1297
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-35.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-35.jpg
new file mode 100644
index 00000000..d9eff66e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-35.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0818ae834f890465c53b71187061498d7059ea4088471f2bb5a3cd73dde32944
+size 1404
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-large-1.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-large-1.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/blog-large-1.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-01.jpg
new file mode 100644
index 00000000..02e08b09
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:550b5db66c00b7eff422bae3468ff82eb007f4da29ff82b4a8b76cb4bea2264c
+size 421
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-02.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-02.jpg
new file mode 100644
index 00000000..02e08b09
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:550b5db66c00b7eff422bae3468ff82eb007f4da29ff82b4a8b76cb4bea2264c
+size 421
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-03.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-03.jpg
new file mode 100644
index 00000000..02e08b09
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/comment-03.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:550b5db66c00b7eff422bae3468ff82eb007f4da29ff82b4a8b76cb4bea2264c
+size 421
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/features-1.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/features-1.jpg
new file mode 100644
index 00000000..c60ea9e2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/features-1.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac96ebe41a628502630cc5bf20a4ea88453c1463da7e865e9635e6b153ac4585
+size 1782
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/features-2.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/features-2.jpg
new file mode 100644
index 00000000..c60ea9e2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/features-2.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac96ebe41a628502630cc5bf20a4ea88453c1463da7e865e9635e6b153ac4585
+size 1782
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/shape-01.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/shape-01.png
new file mode 100644
index 00000000..eabfeec0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/shape-01.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:25df537b4cd2e8a12a7c2e915518571709841dbd5399b0d36f54b7d7b43bd0c9
+size 4502
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-01.jpg
new file mode 100644
index 00000000..02e08b09
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:550b5db66c00b7eff422bae3468ff82eb007f4da29ff82b4a8b76cb4bea2264c
+size 421
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-02.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-02.jpg
new file mode 100644
index 00000000..02e08b09
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:550b5db66c00b7eff422bae3468ff82eb007f4da29ff82b4a8b76cb4bea2264c
+size 421
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-03.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-03.jpg
new file mode 100644
index 00000000..02e08b09
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/blog/small-post-03.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:550b5db66c00b7eff422bae3468ff82eb007f4da29ff82b4a8b76cb4bea2264c
+size 421
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-01.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-01.png
new file mode 100644
index 00000000..46e49bf5
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-01.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2c66baa47d0dea9121ac67751cccc304195e7fd3c11c84f8e19b3094411c3393
+size 4875
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-02.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-02.png
new file mode 100644
index 00000000..aaa1965c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-02.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a2aeb2b69a3f07a50732c16a55ad728812efe25d1ba98c5555acabf7d0389241
+size 6913
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-03.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-03.png
new file mode 100644
index 00000000..16fc72fb
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-03.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9304be2966dded561af692a045da4cf9cd368d49a1a6dc99aa7ac93b9c739d9f
+size 5938
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-04.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-04.png
new file mode 100644
index 00000000..4d6a4e6e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-04.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77a5b9e2b78ad87ff3ace0e8996e2f44e9b9a83885cabe02954944a8e90bfb38
+size 5676
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-05.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-05.png
new file mode 100644
index 00000000..99e039f9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-05.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:892b371865123923b2c23f8a1cf261cbce8134c005895c520c47e67866e48008
+size 5623
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-06.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-06.png
new file mode 100644
index 00000000..26adf596
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-06.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7dc3169f7dba8283e6bc53607a3a0bc3941eeebdeab2e64b53d803ea15c2c49e
+size 9470
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-07.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-07.png
new file mode 100644
index 00000000..6063efd0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-07.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:88e4878842733328e495eba02f1eeeed1765149e65a17ce98ad6d2967241497b
+size 4990
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-08.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-08.png
new file mode 100644
index 00000000..99f3b101
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-08.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:23d44eef12bc305131e04cd0ea31713737cf88ea18c6279988900401a1b78d9f
+size 6272
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-09.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-09.png
new file mode 100644
index 00000000..7f2e2345
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-09.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:af9921f4261d9df1a807afb9bbcff8232d678c2634f94880b6e8cbdd2c58fee4
+size 6449
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-10.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-10.png
new file mode 100644
index 00000000..abd0c94c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-10.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:583e6c1e790ae11475e7f336c05c7ae795e1e165acc6bac19445efd40412202b
+size 5313
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-11.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-11.png
new file mode 100644
index 00000000..cfd36495
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-11.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:29a3d2d215f8e8a38a52919bdf4169e19f6acfe4f721e05481289a3d165ecb91
+size 6349
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-12.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-12.png
new file mode 100644
index 00000000..e7104b69
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-12.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:54e69a99c434ae1543086fcd6e8ab92a6120e177a97f287fb27ecedd28c0a322
+size 6185
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-13.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-13.png
new file mode 100644
index 00000000..2a6bcbcf
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/brand/brand-13.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8ab928ab5a6618d0bb764fefd9b2c936b6e5092114374d52a2773627ba3454b4
+size 6033
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/art-design.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/art-design.svg
new file mode 100644
index 00000000..007ffe9f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/art-design.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/data-science.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/data-science.svg
new file mode 100644
index 00000000..1a07384e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/data-science.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/health-fitness.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/health-fitness.svg
new file mode 100644
index 00000000..0230f8b0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/health-fitness.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/laptop.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/laptop.svg
new file mode 100644
index 00000000..7679c103
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/laptop.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/personal-development.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/personal-development.svg
new file mode 100644
index 00000000..27343b61
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/personal-development.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/video-photography.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/video-photography.svg
new file mode 100644
index 00000000..fbb36d28
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/category/video-photography.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-01.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-01.png
new file mode 100644
index 00000000..48dfb2ba
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-01.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:da32d745fe2fb1f3c4ebb900043cae436f1e63dc42451e3458aa05dee6ec5513
+size 5279
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-02.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-02.png
new file mode 100644
index 00000000..ced4398d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-02.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4520c31adfedf6599fd0b5ba42cc501d36164f01ffc71043e07ec114783546a3
+size 7004
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-03.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-03.png
new file mode 100644
index 00000000..81aeff2f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-03.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:65e207f32150477daed64477a4ff5e4f23e9d629011eab30f6b5f3a96a81256c
+size 2783
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-04.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-04.png
new file mode 100644
index 00000000..58808e71
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-04.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f786ae166786c3fb2b0be900ad9173f490e0650104a1cfc300328a6554544211
+size 3589
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-05.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-05.png
new file mode 100644
index 00000000..6d9ad9ee
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/counterup/shape-05.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0771e9c709a6bdbca6e21df9ff5542d01b69e9ec917c5e754e89d1d3de878f79
+size 1050
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/author-01.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/author-01.png
new file mode 100644
index 00000000..1038e46b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/author-01.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e9521806d0339888b32ebfdb87cf203b99efdf13825a1e91cfa7dccf71d57e23
+size 564
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-01.jpg
new file mode 100644
index 00000000..a7a604b0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de8f4a274a310e0d7ef8f904e8730c2639efb9a7b60a7d3390f69efaf0e47f97
+size 1711
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-02.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-02.jpg
new file mode 100644
index 00000000..a7a604b0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de8f4a274a310e0d7ef8f904e8730c2639efb9a7b60a7d3390f69efaf0e47f97
+size 1711
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-03.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-03.jpg
new file mode 100644
index 00000000..a7a604b0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-03.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:de8f4a274a310e0d7ef8f904e8730c2639efb9a7b60a7d3390f69efaf0e47f97
+size 1711
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-04.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-04.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-04.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-05.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-05.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-05.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-06.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-06.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-06.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-07.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-07.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-07.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-08.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-08.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-08.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-09.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-09.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-09.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-10.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-10.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-10.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-11.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-11.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-11.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-12.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-12.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-12.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-13.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-13.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-13.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-14.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-14.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-14.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-15.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-15.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-15.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-16.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-16.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-16.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-17.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-17.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-17.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-18.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-18.jpg
new file mode 100644
index 00000000..bb931642
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-18.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26c56dc84e27233410a415992b0ea79ada09f18eb715a3f105f26fe0ab703b70
+size 1823
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-19.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-19.jpg
new file mode 100644
index 00000000..bb931642
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-19.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26c56dc84e27233410a415992b0ea79ada09f18eb715a3f105f26fe0ab703b70
+size 1823
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-20.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-20.jpg
new file mode 100644
index 00000000..bb931642
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-20.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26c56dc84e27233410a415992b0ea79ada09f18eb715a3f105f26fe0ab703b70
+size 1823
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-21.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-21.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-21.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-22.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-22.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-22.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-23.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-23.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-23.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-24.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-24.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-24.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-25.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-25.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-25.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-26.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-26.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-26.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-27.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-27.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-27.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-28.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-28.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-28.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-29.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-29.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-29.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-30.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-30.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-30.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-31.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-31.jpg
new file mode 100644
index 00000000..31e49034
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-31.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc9ad946f8e0119ad53c1e7fb77d50bf9ead64fd5d769e63655f97530b8f007d
+size 1229
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-32.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-32.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-32.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-33.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-33.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-33.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-34.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-34.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-34.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-35.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-35.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-35.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-36.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-36.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-36.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-37.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-37.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-37.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-38.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-38.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-38.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-39.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-39.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-39.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-40.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-40.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-40.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-41.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-41.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-41.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-42.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-42.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-42.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-43.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-43.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-43.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-44.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-44.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-44.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-45.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-45.jpg
new file mode 100644
index 00000000..253c010c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-45.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:900977303b0bc5375b0dc2d1445dc5d428bd14202ec0751c1a5537320fcfaa52
+size 714
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-46.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-46.jpg
new file mode 100644
index 00000000..f8782957
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-46.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5479eaa0fc088c767e7f0d252b24b7e77afae42505f07132f76a9ef706b2a79a
+size 1507
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-47.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-47.jpg
new file mode 100644
index 00000000..1a50c171
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-47.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:afe52979584ad6304164f7d2ac06b65e2cb3da61a58e19a9efdfcb99029a63b6
+size 4315
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-48.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-48.jpg
new file mode 100644
index 00000000..bb931642
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-48.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26c56dc84e27233410a415992b0ea79ada09f18eb715a3f105f26fe0ab703b70
+size 1823
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-49.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-49.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-49.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-50.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-50.jpg
new file mode 100644
index 00000000..1dfdec29
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-50.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:23f4494c5fbf4773d6f5fbeb00a6f106fdd8740b86de046329a53dd134b80994
+size 16211
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-51.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-51.jpg
new file mode 100644
index 00000000..bf116333
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-51.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb861c47253e2e210072dcccefd77e3326198b868302e70000efb1387446d746
+size 22085
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-52.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-52.jpg
new file mode 100644
index 00000000..4ea8ec06
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-52.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:08c0c6e7c6e0cd4e8079911748c1c2ffa6a5176c9f925228785e1a2bee492f15
+size 20280
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-53.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-53.jpg
new file mode 100644
index 00000000..10a31676
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-53.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ff0d5dac20af605fb8ca16b21950346b7814858d958d59891261705f24131418
+size 18762
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-54.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-54.jpg
new file mode 100644
index 00000000..f89a11a2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/course/course-54.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:95b5b31495edb2944a57c4fd4a3f6855fdb7e38d8477b664609a4bb43c19be68
+size 16600
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-girl-bg.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-girl-bg.webp
new file mode 100644
index 00000000..1c69b277
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-girl-bg.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-round-rtl.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-round-rtl.svg
new file mode 100644
index 00000000..729e64a1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-round-rtl.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-round.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-round.svg
new file mode 100644
index 00000000..20092229
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta-round.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta.svg
new file mode 100644
index 00000000..48b33f4c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/cta.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/h-4-cta.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/h-4-cta.svg
new file mode 100644
index 00000000..f7c669a0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/cta/h-4-cta.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/dark-theme/sun-01.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/dark-theme/sun-01.svg
new file mode 100644
index 00000000..8962d8bb
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/dark-theme/sun-01.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/dark-theme/vector.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/dark-theme/vector.svg
new file mode 100644
index 00000000..c1d3fd87
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/dark-theme/vector.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-01.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-02.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-02.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-03.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-03.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-03.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-04.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-04.jpg
new file mode 100644
index 00000000..1b96f29e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-04.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f196b736d42f65651423ddb82d4f6983ef7039da46ce7c86b90568e5d5dcd360
+size 900
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-05.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-05.jpg
new file mode 100644
index 00000000..1b96f29e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-05.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f196b736d42f65651423ddb82d4f6983ef7039da46ce7c86b90568e5d5dcd360
+size 900
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-06.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-06.jpg
new file mode 100644
index 00000000..1b96f29e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-06.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f196b736d42f65651423ddb82d4f6983ef7039da46ce7c86b90568e5d5dcd360
+size 900
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-07.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-07.jpg
new file mode 100644
index 00000000..1b96f29e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-07.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f196b736d42f65651423ddb82d4f6983ef7039da46ce7c86b90568e5d5dcd360
+size 900
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-08.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-08.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-08.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-09.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-09.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-09.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-10.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-10.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-10.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-11.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-11.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-11.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-12.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-12.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-12.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-13.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-13.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-13.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-14.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-14.jpg
new file mode 100644
index 00000000..f5f97184
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-14.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6164a037f5035df7658a8537efe05be486e6b6cd2622c97a929f30ca6503c753
+size 1514
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-15.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-15.jpg
new file mode 100644
index 00000000..f5f97184
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-15.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6164a037f5035df7658a8537efe05be486e6b6cd2622c97a929f30ca6503c753
+size 1514
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-16.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-16.jpg
new file mode 100644
index 00000000..f5f97184
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-16.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6164a037f5035df7658a8537efe05be486e6b6cd2622c97a929f30ca6503c753
+size 1514
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-17.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-17.jpg
new file mode 100644
index 00000000..f5f97184
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-17.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6164a037f5035df7658a8537efe05be486e6b6cd2622c97a929f30ca6503c753
+size 1514
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-18.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-18.jpg
new file mode 100644
index 00000000..f5f97184
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-18.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6164a037f5035df7658a8537efe05be486e6b6cd2622c97a929f30ca6503c753
+size 1514
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-19.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-19.jpg
new file mode 100644
index 00000000..f5f97184
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-19.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6164a037f5035df7658a8537efe05be486e6b6cd2622c97a929f30ca6503c753
+size 1514
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-20.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-20.jpg
new file mode 100644
index 00000000..f5f97184
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-20.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6164a037f5035df7658a8537efe05be486e6b6cd2622c97a929f30ca6503c753
+size 1514
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-21.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-21.jpg
new file mode 100644
index 00000000..6d6faad9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-21.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:be9f09f3283f2846040e8b34291ec43ea149182e27ee3d6dc3d74e4e912ab2d8
+size 5665
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-22.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-22.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-22.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-23.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-23.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-23.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-24.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-24.jpg
new file mode 100644
index 00000000..f2d7b8d6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/event-24.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:471419fb040522a921df8a74ffefdfebf8768b28c51c41e7fdd081138cb4814a
+size 1759
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/shape-01.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/shape-01.png
new file mode 100644
index 00000000..8bee3464
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/event/shape-01.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:820b7523e29640003420f8d6a54dd9fdcc262abefed38a50b78f0f445ce52838
+size 10805
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-04.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-04.webp
new file mode 100644
index 00000000..19f61f87
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-04.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-05.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-05.webp
new file mode 100644
index 00000000..da7201d7
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-05.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-06.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-06.webp
new file mode 100644
index 00000000..f09bb819
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-06.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-07.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-07.webp
new file mode 100644
index 00000000..5613a189
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-07.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-08.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-08.webp
new file mode 100644
index 00000000..1076e742
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/faq/faq-08.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-01.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-02.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-02.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-03.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-03.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-03.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-04.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-04.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-04.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-05.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-05.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-05.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-06.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-06.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-06.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-07.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-07.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-07.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-08.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-08.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-08.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-09.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-09.jpg
new file mode 100644
index 00000000..4be9a59d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-09.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10540021a0582b64aa9c4973835312e5152d11ec525d09ad1980720277d10d82
+size 1626
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-10.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-10.jpg
new file mode 100644
index 00000000..05f86f2a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-10.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:215c7d090be08a4db36855cbb72b35d99e80e7211307988fdd23cb35e27508ae
+size 1617
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-11.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-11.jpg
new file mode 100644
index 00000000..06dfd92f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/gallery/gallery-11.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1f95f202d9e0b35cb974b7f1ffd7dcf25ee752d655e84205328672541c96296a
+size 1700
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.eot b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.eot
new file mode 100644
index 00000000..51264c4f
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.eot differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.ttf b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.ttf
new file mode 100644
index 00000000..8ad81996
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.ttf differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.woff b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.woff
new file mode 100644
index 00000000..d98ff605
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/icons/lg.woff differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-01.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-01.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-01.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-02.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-02.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-02.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-03.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-03.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-03.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-04.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-04.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-04.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-05.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-05.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-05.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-06.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-06.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-06.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-07.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-07.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-07.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-08.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-08.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-08.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-09.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-09.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-09.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-10.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-10.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-10.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-11.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-11.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-11.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-12.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-12.webp
new file mode 100644
index 00000000..85d37343
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/instagram/instagram-12.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-dark-2.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-dark-2.png
new file mode 100644
index 00000000..b7589adc
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-dark-2.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0e1a0ce36464930077c61c95dcfe546272c88a4d8fe042d44f55924c35dbf7b8
+size 3632
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-dark.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-dark.png
new file mode 100644
index 00000000..21281c66
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f144c8202f4475ab3a6507848a8a4f102b44420ca5397177889e47b63567454
+size 4688
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-light-2.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-light-2.png
new file mode 100644
index 00000000..8b0ca68b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-light-2.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:38d5e844130c6446a04285165ddbab2f852bf5244e3061614ab39698155aa038
+size 3595
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-white.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-white.png
new file mode 100644
index 00000000..1db6e979
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/logo/logo-white.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:939d0b007305284071665184ed0d2b21321c235a035cfdb41e8f3a2a78a77924
+size 4652
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/campus-01.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/campus-01.webp
new file mode 100644
index 00000000..2fd90113
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/campus-01.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/faq-5-rtl.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/faq-5-rtl.webp
new file mode 100644
index 00000000..30b4d9c8
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/faq-5-rtl.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/faq-5.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/faq-5.webp
new file mode 100644
index 00000000..2942231c
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/faq-5.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/video-02.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/video-02.webp
new file mode 100644
index 00000000..7a713ce7
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/video-02.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/video-03.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/video-03.webp
new file mode 100644
index 00000000..3712aaa2
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/video-03.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-01.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-01.webp
new file mode 100644
index 00000000..07ce331f
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-01.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-02.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-02.webp
new file mode 100644
index 00000000..df8af912
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-02.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-03.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-03.webp
new file mode 100644
index 00000000..7419de70
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-03.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-04.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-04.webp
new file mode 100644
index 00000000..1ce46783
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-04.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-05.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-05.webp
new file mode 100644
index 00000000..f71d6906
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/others/why-choose-05.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-rtl.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-rtl.jpg
new file mode 100644
index 00000000..4bb5c624
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-rtl.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c4b218cd1d3f2ce645687f59ef634e129a675a7e248bfacd71f3bdfd46509eb5
+size 24186
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb1.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb1.jpg
new file mode 100644
index 00000000..d405d320
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb1.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:02755f133b93e18c04f0299dcdfe48be2a7d10e4faa909613ddc67bb395bb259
+size 21519
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb2.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb2.jpg
new file mode 100644
index 00000000..6a4d922a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb2.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2e3d02ec1ef83ff91f239df460ca77ba08298f4d7a30d6cf885b98ce14c55bb7
+size 31664
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb3.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb3.jpg
new file mode 100644
index 00000000..8b25f760
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb3.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:448b084ed082dccd2e3b59cac4b6dd5cab67a179da9834bedc1aa7042f3b434e
+size 31854
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb4.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb4.jpg
new file mode 100644
index 00000000..e07ccdf3
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb4.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:50b81f2aa41cd7fec0d3e587b9118227868e51492a5eabf4df376a265a65a943
+size 24747
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb5.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb5.jpg
new file mode 100644
index 00000000..52eb445b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/banner-thumb5.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d13ce146948af14e2238296e5e6d049d8e59d0501e1704aa3ef1bff33a1cb9c5
+size 5306
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/coming-soon.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/coming-soon.png
new file mode 100644
index 00000000..965fde4a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/coming-soon.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8d552b7fd318882f9644db0e2dccdef78d4e0a6e163fcdde17c550c312e7232a
+size 5683
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/course-details.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/course-details.png
new file mode 100644
index 00000000..483e5acb
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/course-details.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dd5b0502f3a8c5cd17cb180550c49994571b161ecfb0f2702c09939f40c2f191
+size 42966
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/courses.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/courses.png
new file mode 100644
index 00000000..3610570f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/courses.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:863645c0f468ba2e05e9d84b6c358a43f176040721e825b05d61cf69dc4c04b9
+size 170869
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/dark-version.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/dark-version.png
new file mode 100644
index 00000000..12fa7591
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/dark-version.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:14701595b250b114e7c7d3fe3643ee95e000c82f196c8d5f4057b966fe08e0d8
+size 40972
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/health-coach.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/health-coach.jpg
new file mode 100644
index 00000000..5a0a2b9b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/health-coach.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b0bcbe9fc1c126dbb3e118a4017cfd51b499f43de67656d2b68f054e1817f94b
+size 37663
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-01.jpg
new file mode 100644
index 00000000..22f9eebd
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6430300620756929d3c9d80d0f88692af9fc4a4f2386d6cb8fb6ece7eedc466d
+size 39986
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-02.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-02.jpg
new file mode 100644
index 00000000..03fdd8c6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6c011bd37b1abfefcf9058cb70811b62e62dcd84dd4e6ca86cca1348ea149ae9
+size 31084
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-03.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-03.jpg
new file mode 100644
index 00000000..ae9d9e69
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-03.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a7d1e1211f90951bb1267fa8fd76f470917ae452012207af1f6264cdc5623018
+size 64340
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-04.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-04.jpg
new file mode 100644
index 00000000..54e867b7
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-04.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f145300c8d3b83d95d7481b2a370cfe18965d352722905ed5547faf15090373f
+size 37707
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-05.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-05.jpg
new file mode 100644
index 00000000..31d1c4d8
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-05.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:020a6b4791cee8cd3d0258f54c240f8a8a958c7f4d6018914bb01a9b6ee79d15
+size 32778
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-06.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-06.jpg
new file mode 100644
index 00000000..d654bdfe
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-06.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:169216a11a9ffb923204530f9cb14b9c1a1d52efd242315cc4467ea6f67550ef
+size 35365
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-07.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-07.jpg
new file mode 100644
index 00000000..23fc4d9f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-07.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5039afdafd3007cbcc00ef77adabf82da3eab7491721bf45f28ba2dbbaad49cb
+size 41731
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-modern-schooling.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-modern-schooling.jpg
new file mode 100644
index 00000000..3ee41d93
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/home-modern-schooling.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d022c22e015c2ca57a2ce40e52c8ccfe77abcbcb525364bf433aa3f84a6f4ee2
+size 33423
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-14.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-14.png
new file mode 100644
index 00000000..72439d44
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-14.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0e728c37e2cfb49501e4cae3ec6cbf6c41b5a4db0acf989a7b6139715f5b3212
+size 4651
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-15.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-15.png
new file mode 100644
index 00000000..83c16910
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-15.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:257ca48390c71895f96dd6da7c450ac115b84a18003ac56564cbff268d57fe55
+size 4494
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-16.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-16.png
new file mode 100644
index 00000000..9fc41aed
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-16.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f92b3c362affc0550e9495f92942e128676ec6da0c87f200972fb53c142869af
+size 9124
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-17.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-17.png
new file mode 100644
index 00000000..05a3637d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-17.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:52ceb3fe028f7ff11c7fd3844e0febf179c1d94d32271158226a91369fa85a9a
+size 2708
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-18.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-18.png
new file mode 100644
index 00000000..9ef1f6fd
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-18.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3437e5d36a1cf23f3a339de6c5e7b1e03da0bbbeeb40660f16c10d17f79bb83e
+size 9622
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-19.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-19.png
new file mode 100644
index 00000000..9e3c10fa
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-19.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1dbfa7d63df6cb0271480e492abacbd7dd83dedb2eb30665b512cffb686a65d3
+size 2619
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-20.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-20.png
new file mode 100644
index 00000000..3d08d484
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-20.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c3e88cfe20c113937ac1b228e653787b5010ab767d56091ea12a3945b8783168
+size 11197
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-21.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-21.png
new file mode 100644
index 00000000..ea8eeb7f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-21.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:212733e3c241c401334cd0a738c42dd0b29d00d37e0c4596cf70711f2b91badc
+size 2180
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-22.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-22.png
new file mode 100644
index 00000000..a5c2e7a1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-22.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6daabb273a6ee800d9e4536f1bac0c38f06309bcc81448813d50416757c2612f
+size 9787
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-23.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-23.png
new file mode 100644
index 00000000..be067cc2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-23.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e44e159e237c91763ce8daaa1b44ebceb98923e677c9bc8cdd0ccf86586d035e
+size 3436
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-24.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-24.png
new file mode 100644
index 00000000..5cd2b904
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-24.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dafaee4e64a55bb24bbf5e8eff6dc7bd2bbfaca6e2866ef9f5d07b18aed35e77
+size 3131
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-26.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-26.png
new file mode 100644
index 00000000..6072758f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-26.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0df1a404ec3e32854202754c2576d00f99ae98b010f23c3915cacde5cd1dfc4c
+size 3208
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-27.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-27.png
new file mode 100644
index 00000000..93b333a0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-27.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bfc0fd5b12f3066c3dbd1b8f0e0a1ffb130de4759f02f3703b215d8a7c965efd
+size 3871
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-28.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-28.png
new file mode 100644
index 00000000..6dcbb642
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-28.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8168aecd2f737170fbdfd20199b2dc0f19a2f2903e1d7a10fd4a650d6110a025
+size 2828
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-29.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-29.png
new file mode 100644
index 00000000..aac9588b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/icon-29.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fa6f765aa931b81b2325e7d14d3094ff62a417870d748f88724921e4b6714335
+size 4010
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/inner-demo.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/inner-demo.png
new file mode 100644
index 00000000..aa9fa246
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/inner-demo.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8f52b0cc9447f58a500b148a00bf32ddb010688eaac98b8d40d9a184dc7b5579
+size 215647
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/instructor.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/instructor.png
new file mode 100644
index 00000000..6da38ecb
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/instructor.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1259027240c1576d43b75ab115939ae80bee8dc76fa201e786be1f29fd0f47af
+size 24173
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-left.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-left.png
new file mode 100644
index 00000000..adf55560
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-left.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:18746e2a4f9ff265967ec518356c8b7d7980b01be53481235aed70d0d6b3d801
+size 11272
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-main.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-main.png
new file mode 100644
index 00000000..f08ef550
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-main.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:632ac843fb57bb0f4bfbc1464ddb45fd2b0538b1b12b9ed7380cd4e468e64546
+size 42310
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-right.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-right.png
new file mode 100644
index 00000000..822be447
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo-right.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8c6cf1ef70955103ea013a8c31bafcb63c1f44c782174229d3062085040073c4
+size 17222
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo.png
new file mode 100644
index 00000000..73183b01
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/preview/shop-demo.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8bcf2c40c3a64edbead343628758df68ae03ccf299ec75a7312b749f3857addc
+size 70538
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-01.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-01.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-02.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-02.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-03.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-03.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-03.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-04.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-04.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-04.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-05.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-05.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-05.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-06.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-06.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-06.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-07.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-07.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-07.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-08.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-08.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-08.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-09.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-09.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-09.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-10.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-10.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-10.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-11.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-11.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-11.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-12.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-12.jpg
new file mode 100644
index 00000000..90c54787
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-12.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:079f9710a3fefa9330e09d66de5e76f2851989f557bacfea2dd0eb8e77d344cf
+size 1322
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-13.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-13.jpg
new file mode 100644
index 00000000..9673a88e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/shop/product-13.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7dc70f4914ee60cbdf646528f9b8cd8b2f418f4373e3d28d04959876e7fa8a77
+size 3180
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/books-2.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/books-2.svg
new file mode 100644
index 00000000..2647f336
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/books-2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/books.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/books.svg
new file mode 100644
index 00000000..e1c7f6e6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/books.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/clock.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/clock.svg
new file mode 100644
index 00000000..9b40b2a1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/clock.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-34.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-34.svg
new file mode 100644
index 00000000..a25e54bc
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-34.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-35.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-35.svg
new file mode 100644
index 00000000..e3d6d187
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-35.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-36.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-36.svg
new file mode 100644
index 00000000..cb33cefa
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/h-8-shape-36.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-04.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-04.svg
new file mode 100644
index 00000000..526edaab
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-04.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-05.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-05.svg
new file mode 100644
index 00000000..8472539b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-05.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-left.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-left.svg
new file mode 100644
index 00000000..7934a244
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-right.svg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-right.svg
new file mode 100644
index 00000000..7e1ee8bd
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/svg-icons/icon-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-01.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-01.webp
new file mode 100644
index 00000000..99e99b18
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-01.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-02.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-02.webp
new file mode 100644
index 00000000..99e99b18
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-02.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-03.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-03.webp
new file mode 100644
index 00000000..99e99b18
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-03.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-04.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-04.webp
new file mode 100644
index 00000000..99e99b18
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-04.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-05.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-05.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-05.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-06.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-06.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-06.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-07.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-07.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-07.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-08.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-08.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-08.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-09.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-09.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-09.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-10.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-10.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-10.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-11.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-11.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-11.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-12.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-12.webp
new file mode 100644
index 00000000..99e99b18
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-12.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-13.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-13.webp
new file mode 100644
index 00000000..99e99b18
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-13.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-14.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-14.webp
new file mode 100644
index 00000000..99e99b18
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-14.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-15.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-15.webp
new file mode 100644
index 00000000..99e99b18
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-15.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-16.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-16.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-16.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-17.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-17.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-17.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-18.webp b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-18.webp
new file mode 100644
index 00000000..bc38c957
Binary files /dev/null and b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/team/team-18.webp differ
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-01.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-01.png
new file mode 100644
index 00000000..13859d18
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-01.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:172588d5de48a4323d27f3e34f5c9ae09dfc2402a7246c463ceddacbcc75546f
+size 12866
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-02.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-02.png
new file mode 100644
index 00000000..9b447d48
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-02.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:80d9e69fb10dc5f29531a48b61ef86b985fcf6db14e60a7f963c7ce9c45d1301
+size 11909
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-03.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-03.png
new file mode 100644
index 00000000..e6759d8c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/logo-03.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6d73fd89616d617c926a264490a291c74c8be8ebb8e0f1b122359acc526a9c99
+size 3638
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/shape-1.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/shape-1.png
new file mode 100644
index 00000000..3ade7e08
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/shape-1.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b7a48b57fc5fa7acf84ca255187f4659383ad785b8a3ac86efd8023809b9fee9
+size 1450
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-01.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-01.png
new file mode 100644
index 00000000..1a6949ef
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-01.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6bbb4b46f76565477be104dfe89bd0e26793a649a8ff0c1fdb49ee47f7b77232
+size 319
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-02.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-02.png
new file mode 100644
index 00000000..1a6949ef
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-02.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6bbb4b46f76565477be104dfe89bd0e26793a649a8ff0c1fdb49ee47f7b77232
+size 319
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-03.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-03.png
new file mode 100644
index 00000000..1a6949ef
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-03.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6bbb4b46f76565477be104dfe89bd0e26793a649a8ff0c1fdb49ee47f7b77232
+size 319
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-04.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-04.png
new file mode 100644
index 00000000..1a6949ef
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-04.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6bbb4b46f76565477be104dfe89bd0e26793a649a8ff0c1fdb49ee47f7b77232
+size 319
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-05.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-05.png
new file mode 100644
index 00000000..bb6699c1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-05.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e8550b6230fe2951dd0ce8ae20d3fa59fdfa3ce40bc77ae65d7d232d3dd5e4d6
+size 430
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-06.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-06.png
new file mode 100644
index 00000000..bb6699c1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-06.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e8550b6230fe2951dd0ce8ae20d3fa59fdfa3ce40bc77ae65d7d232d3dd5e4d6
+size 430
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-07.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-07.png
new file mode 100644
index 00000000..bb6699c1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-07.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e8550b6230fe2951dd0ce8ae20d3fa59fdfa3ce40bc77ae65d7d232d3dd5e4d6
+size 430
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-08.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-08.png
new file mode 100644
index 00000000..bb6699c1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-08.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e8550b6230fe2951dd0ce8ae20d3fa59fdfa3ce40bc77ae65d7d232d3dd5e4d6
+size 430
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-09.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-09.png
new file mode 100644
index 00000000..ad84fd1e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-09.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f442e839c200e2d46d098e4a131bf1d842b3f9ee115958ba327c4d463ae094dd
+size 391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-10.png b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-10.png
new file mode 100644
index 00000000..ad84fd1e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-10.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f442e839c200e2d46d098e4a131bf1d842b3f9ee115958ba327c4d463ae094dd
+size 391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-11.jpg b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-11.jpg
new file mode 100644
index 00000000..ad84fd1e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/images/testimonial/testimonial-11.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f442e839c200e2d46d098e4a131bf1d842b3f9ee115958ba327c4d463ae094dd
+size 391
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/js/app.js b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/js/app.js
new file mode 100644
index 00000000..0e8305b3
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/js/app.js
@@ -0,0 +1,589 @@
+(function (window, document, $, undefined) {
+ 'use strict';
+
+ var eduJs = {
+ i: function (e) {
+ eduJs.d();
+ eduJs.methods();
+ },
+ d: function (e) {
+ this._window = $(window),
+ this._document = $(document),
+ this._body = $('body'),
+ this._html = $('html')
+ },
+
+ methods: function (e) {
+ eduJs.bgMarque();
+ eduJs.salActive();
+ eduJs.stickyHeaderMenu();
+ eduJs.magnigyPopup();
+ eduJs.swiperSlider();
+ eduJs.counterUp();
+ eduJs.masonryActivation();
+ eduJs.lightboxActivation();
+ eduJs.qtyBtn();
+ eduJs.mouseMoveAnimation();
+ eduJs.popupMobileMenu();
+ eduJs.searchPopup();
+ eduJs.filterClickButton();
+ eduJs.svgVivusAnimation();
+ eduJs.widgetToggle();
+ eduJs.ToolTip();
+ eduJs.contactForm();
+ eduJs.sitePreloader();
+ eduJs.countdownInit('.countdown', '2022/12/30');
+ eduJs.countdownInit('.coming-countdown', '2022/12/30');
+ },
+
+ bgMarque: function () {
+ $('.background-marque').each(function () {
+ var t = 0;
+ var i = 1;
+ var $this = $(this);
+ setInterval(function () {
+ t += i;
+ $this.css('background-position-x', -t + "px");
+ }, 10);
+ });
+ },
+
+ sitePreloader: function () {
+ jQuery(window).load(function() {
+ jQuery("#edublink-preloader").fadeOut();
+ });
+
+ // Close The Preloader
+ $('.preloader-close-btn').on('click', function (e) {
+ e.preventDefault();
+ jQuery("#edublink-preloader").fadeOut();
+ });
+ },
+
+ ToolTip: function () {
+ Tipped.create(
+ '.inline',
+ 'options!',
+ {
+ skin: "light",
+ position: 'right',
+ }
+ );
+ },
+
+ stickyHeaderMenu: function() {
+
+ $(window).on('scroll', function() {
+ // Sticky Class Add
+ if ($('body').hasClass('sticky-header')) {
+ var stickyPlaceHolder = $('#edu-sticky-placeholder'),
+ menu = $('.header-mainmenu'),
+ menuH = menu.outerHeight(),
+ topHeaderH = $('.header-top-bar').outerHeight() || 0,
+ targrtScroll = topHeaderH + 200;
+ if ($(window).scrollTop() > targrtScroll) {
+ menu.addClass('edu-sticky');
+ stickyPlaceHolder.height(menuH);
+ } else {
+ menu.removeClass('edu-sticky');
+ stickyPlaceHolder.height(0);
+ }
+ }
+ });
+ },
+
+ salActive: function () {
+ sal({
+ threshold: 0.01,
+ once: true,
+ });
+ },
+
+ magnigyPopup: function () {
+ $(document).on('ready', function () {
+ $('.video-popup-activation').magnificPopup({
+ type: 'iframe'
+ });
+ });
+ },
+
+ widgetToggle: function () {
+ $('.widget-toggle').on('click', function() {
+ var $this = $(this),
+ $parents = $this.parents('.edu-course-widget');
+
+ if (!$parents.hasClass('collapsed')) {
+ $parents.addClass('collapsed');
+ $this.next('.content').slideUp(400);
+ }else {
+ $parents.removeClass('collapsed');
+ $this.next('.content').slideDown(400);
+ }
+ });
+
+ $(".toggle-btn").on('click', function(e) {
+
+ var target = $(this).parent().siblings(".toggle-open");
+ var target2 = $(this).parent();
+ $(target).slideToggle();
+ $(target2).toggleClass("active");
+ });
+ },
+
+ swiperSlider: function () {
+ const swiperbanner1 = new Swiper('.university-activator', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ pagination: false,
+ grabCursor: true,
+ draggable: true,
+ effect: "fade",
+ speed: 1000,
+ autoplay: {
+ delay: 5500
+ },
+ navigation: {
+ nextEl: ".slide-next",
+ prevEl: ".slide-prev",
+ },
+ lazy: {
+ loadPrevNext: true,
+ loadPrevNextAmount: 1,
+ },
+ });
+ $('.university-activator .swiper-slide img').each(function(){
+ var _this_transform_origin=$(this).data('transform-origin');
+ if(_this_transform_origin!=undefined){
+ $(this).css({
+ 'transform-origin': _this_transform_origin
+ });
+ }
+ });
+ var mainslider = new Swiper('.health-slider-main', {
+ spaceBetween: 0,
+ speed: 1000,
+ autoplay: {
+ delay: 5000,
+ disableOnInteraction: false,
+ },
+ loop: true,
+ loopedSlides: 1,
+ direction: 'vertical',
+ thumbs: {
+ swiper: slidercontent
+ },
+ navigation: {
+ nextEl: ".slide-next",
+ prevEl: ".slide-prev",
+ }
+ });
+
+ var slidercontent = new Swiper('.health-slider-content', {
+ spaceBetween: 10,
+ centeredSlides: true,
+ slidesPerView: 1,
+ touchRatio: 0.2,
+ slideToClickedSlide: true,
+ loop: true
+ });
+ if ($(".health-slider-main")[0]) {
+ mainslider.controller.control = slidercontent;
+ slidercontent.controller.control = mainslider;
+ } else {}
+
+ var pageSection = $("*");
+ pageSection.each(function (indx) {
+ if ($(this).attr("data-background")) {
+ $(this).css("background", "url(" + $(this).data("background") + ")");
+ }
+ });
+
+ const swiperTestimonial1 = new Swiper('.home-one-testimonial-activator', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ pagination: false,
+ grabCursor: true,
+ speed: 1500,
+ autoplay: {
+ delay: 3500
+ },
+ breakpoints: {
+ 577: {
+ slidesPerView: 2,
+ }
+ }
+ });
+
+ const swiperTestimonial2 = new Swiper('.swiper-testimonial-slider-wrapper', {
+ loop: true,
+ speed: 500,
+ slidesPerView: 1,
+ centeredSlides: true,
+ effect: 'coverflow',
+ grabCursor: true,
+ autoplay: false,
+ autoplay: {
+ delay: 3500
+ },
+ breakpoints: {
+ 575: {
+ slidesPerView: 2
+ }
+ },
+ coverflowEffect: {
+ rotate: 0,
+ slideShadows: false,
+ depth: 180,
+ stretch: 80
+ },
+ pagination: {
+ el: '.swiper-pagination',
+ type: 'bullets',
+ clickable: true
+ }
+ });
+ const swiperTestimonial3 = new Swiper('.testimonial-activation', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ grabCursor: true,
+ speed: 1000,
+ autoplay: {
+ delay: 3000
+ },
+ breakpoints: {
+ 768: {
+ slidesPerView: 2,
+ },
+ 992: {
+ slidesPerView: 3,
+ },
+ },
+ pagination: {
+ el: '.swiper-pagination',
+ type: 'bullets',
+ clickable: true
+ }
+ });
+ const swiperTestimonial4 = new Swiper('.testimonial-activation-2', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ grabCursor: true,
+ speed: 1000,
+ autoplay: {
+ delay: 3000
+ },
+ breakpoints: {
+ 768: {
+ slidesPerView: 1,
+ },
+ 992: {
+ slidesPerView: 2,
+ },
+ },
+ pagination: {
+ el: '.swiper-pagination',
+ type: 'bullets',
+ clickable: true
+ }
+ });
+ const swiperTestimonial5 = new Swiper('.testimonial-activation-3', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ grabCursor: true,
+ speed: 1000,
+ autoplay: {
+ delay: 3000
+ },
+ navigation: {
+ nextEl: ".swiper-btn-nxt",
+ prevEl: ".swiper-btn-prv",
+ },
+ breakpoints: {
+ 577: {
+ slidesPerView: 2,
+ }
+ }
+ });
+ const swiperTestimonial6 = new Swiper('.testimonial-activation-5', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ grabCursor: true,
+ speed: 1000,
+ autoplay: {
+ delay: 3000
+ },
+ pagination: {
+ el: '.swiper-pagination',
+ type: 'bullets',
+ clickable: true
+ }
+ });
+ const swiperTestimonial7 = new Swiper('.home-health-testimonial-activator', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ pagination: false,
+ grabCursor: true,
+ speed: 1000,
+ autoplay: {
+ delay: 3000
+ },
+ navigation: {
+ nextEl: ".swiper-btn-nxt",
+ prevEl: ".swiper-btn-prv",
+ },
+ });
+ const swiperCouesr1 = new Swiper('.course-activation', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ grabCursor: true,
+ speed: 1000,
+ autoplay: {
+ delay: 3000
+ },
+ breakpoints: {
+ 768: {
+ slidesPerView: 2,
+ },
+ 992: {
+ slidesPerView: 3,
+ },
+ },
+ pagination: {
+ el: '.swiper-pagination',
+ type: 'bullets',
+ clickable: true
+ }
+ });
+ const swiperblog = new Swiper('.blog-gallery-activation', {
+ slidesPerView: 1,
+ spaceBetween: 0,
+ loop: true,
+ pagination: false,
+ grabCursor: true,
+ speed: 1000,
+ autoplay: {
+ delay: 3000
+ },
+ navigation: {
+ nextEl: ".swiper-btn-nxt",
+ prevEl: ".swiper-btn-prv"
+ }
+ });
+ },
+
+ counterUp: function () {
+ $( '.counter-item' ).each(function () {
+ $(this).isInViewport(function (status) {
+ if (status === 'entered' ) {
+ for (var i = 0; i < document.querySelectorAll( '.odometer' ).length; i++) {
+ var el = document.querySelectorAll( '.odometer' )[i];
+ el.innerHTML = el.getAttribute( 'data-odometer-final' );
+ }
+ }
+ });
+ });
+ },
+
+ masonryActivation: function () {
+ $('.isotope-wrapper').imagesLoaded(function () {
+ // filter items on button click
+ $('.isotop-filter').on('click', 'button', function () {
+ var filterValue = $(this).attr('data-filter');
+ $grid.isotope({
+ filter: filterValue
+ });
+ });
+
+ // init Isotope
+ var $grid = $('.isotope-list').isotope({
+ itemSelector: '.isotope-item',
+ percentPosition: true,
+ transitionDuration: '0.7s',
+ layoutMode: 'fitRows',
+ masonry: {
+ // use outer width of grid-sizer for columnWidth
+ columnWidth: 1,
+ }
+ });
+ });
+
+ $('.isotop-filter').on('click', 'button', function (event) {
+ $(this).siblings('.is-checked').removeClass('is-checked');
+ $(this).addClass('is-checked');
+ event.preventDefault();
+ });
+
+ // Masonry
+ var masonryContainer = $('#masonry-gallery');
+ if (masonryContainer.length) {
+ var masonryGallery = masonryContainer.imagesLoaded(function () {
+ masonryGallery.isotope({
+ itemSelector: '.masonry-item',
+ masonry: {
+ columnWidth: '.masonry-item'
+ }
+ });
+ });
+ }
+ },
+
+ lightboxActivation: function() {
+ lightGallery(document.getElementById('animated-thumbnials'), {
+ thumbnail: true,
+ animateThumb: false,
+ showThumbByDefault: false
+ });
+ },
+
+ qtyBtn: function () {
+ $('.pro-qty').prepend('- ');
+ $('.pro-qty').append('+ ');
+ $('.qtybtn').on('click', function () {
+ var $button = $(this);
+ var oldValue = $button.parent().find('input').val();
+ if ($button.hasClass('inc')) {
+ var newVal = parseFloat(oldValue) + 1;
+ } else {
+ // Don't allow decrementing below zero
+ if (oldValue > 0) {
+ var newVal = parseFloat(oldValue) - 1;
+ } else {
+ newVal = 0;
+ }
+ }
+ $button.parent().find('input').val(newVal);
+ });
+ },
+
+ mouseMoveAnimation: function () {
+ $( '.scene' ).each(function () {
+ new Parallax($(this)[0]);
+ });
+ },
+
+ popupMobileMenu: function (e) {
+ $('.hamberger-button').on('click', function (e) {
+ $('.popup-mobile-menu').addClass('active');
+ });
+ $('.close-menu').on('click', function (e) {
+ $('.popup-mobile-menu').removeClass('active');
+ $('.popup-mobile-menu .mainmenu .has-droupdown > a').siblings('.submenu, .mega-menu').removeClass('active').slideUp('400');
+ $('.popup-mobile-menu .mainmenu .has-droupdown > a').removeClass('open')
+ });
+ $('.popup-mobile-menu .mainmenu .has-droupdown > a').on('click', function (e) {
+ e.preventDefault();
+ $(this).siblings('.submenu, .mega-menu').toggleClass('active').slideToggle('400');
+ $(this).toggleClass('open')
+ })
+ $('.popup-mobile-menu, .splash-mobile-menu .mainmenu li a').on('click', function (e) {
+ e.target === this && $('.popup-mobile-menu').removeClass('active') && $('.popup-mobile-menu .mainmenu .has-droupdown > a').siblings('.submenu, .mega-menu').removeClass('active').slideUp('400') && $('.popup-mobile-menu .mainmenu .has-droupdown > a').removeClass('open');
+ });
+ },
+
+ searchPopup: function () {
+ $( '.search-trigger' ).on( 'click', function () {
+ $( '.edu-search-popup' ).addClass( 'open' )
+ } )
+ $( '.close-trigger' ).on('click', function () {
+ $( '.edu-search-popup' ).removeClass( 'open' )
+ } )
+ $( '.edu-search-popup' ).on( 'click', function () {
+ $('.edu-search-popup').removeClass( 'open' );
+ } )
+ $( '.edu-search-popup .edublink-search-popup-field' ).on( 'click', function (e) {
+ e.stopPropagation();
+ } )
+ },
+
+ filterClickButton: function () {
+ $('#slider-range').slider({
+ range: true,
+ min: 10,
+ max: 500,
+ values: [100, 300],
+ slide: function (event, ui) {
+ $('#amount').val('$' + ui.values[0] + ' - $' + ui.values[1]);
+ }
+ });
+ $('#amount').val('$' + $('#slider-range').slider('values', 0) +
+ " - $" + $('#slider-range').slider('values', 1));
+ },
+
+ svgVivusAnimation: function () {
+ SVGInject( document.querySelectorAll( 'img.svgInject' ), {
+ makeIdsUnique: true,
+ afterInject: function ( _, svg ) {
+ new Vivus( svg, {
+ duration: 80
+ } );
+ }
+ } );
+
+ // Vivus Hover JS
+ $( '.edublink-svg-animate' ).hover( function () {
+ var svg = $( this ).find( 'svg' )[0];
+ new Vivus( svg, {
+ duration: 50
+ } );
+ } )
+ },
+
+ countdownInit: function(countdownSelector, countdownTime) {
+ var eventCounter = $(countdownSelector);
+ if (eventCounter.length) {
+ eventCounter.countdown(countdownTime, function(e) {
+ $(this).html(
+ e.strftime(
+ ""
+ )
+ );
+ });
+ }
+ },
+
+ contactForm: function () {
+ $('.rwt-dynamic-form').on('submit', function (e) {
+ e.preventDefault();
+ var _self = $(this);
+ var __selector = _self.closest('input,textarea');
+ _self.closest('div').find('input,textarea').removeAttr('style');
+ _self.find('.error-msg').remove();
+ _self.closest('div').find('button[type="submit"]').attr('disabled', 'disabled');
+ var data = $(this).serialize();
+ $.ajax({
+ url: 'mail.php',
+ type: "post",
+ dataType: 'json',
+ data: data,
+ success: function (data) {
+ _self.closest('div').find('button[type="submit"]').removeAttr('disabled');
+ if (data.code == false) {
+ _self.closest('div').find('[name="' + data.field + '"]');
+ _self.find('.rn-btn').after('');
+ } else {
+ $('.error-msg').hide();
+ $('.form-group').removeClass('focused');
+ _self.find('.rn-btn').after('');
+ _self.closest('div').find('input,textarea').val('');
+
+ setTimeout(function () {
+ $('.success-msg').fadeOut('slow');
+ }, 5000);
+ }
+ }
+ });
+ });
+ }
+ }
+
+ eduJs.i();
+
+})(window, document, jQuery);
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/app.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/app.scss
new file mode 100644
index 00000000..55fe0a3c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/app.scss
@@ -0,0 +1,156 @@
+/*---------------------------------------------
+Template Name: EduBlink Education HTML5 Template
+Template URL:
+Description:
+Author:
+Author URL:
+Version: 1.0.0
+
+===============================================
+STYLESHEET INDEXING
+|
+|___ Default Styles
+| |___ Variables
+| |___ Shortcode
+| |___ Reset Styels
+| |___ Typography
+| |___ Forms Styles
+| |___ Common
+| |___ Animation
+|
+|___ Elements Styles
+| |___ Accordion Style
+| |___ Back To Top
+| |___ Breadcrumb
+| |___ Button
+| |___ Countdown
+| |___ Course Widget
+| |___ Pagination Styles
+| |___ Sal Styels
+| |___ Section Title
+| |___ Slick Styles
+| |___ Social Share Style
+|
+|___Template Styles
+| |___ About Styles
+| |___ Brand Styles
+| |___ Call To Action Styles
+| |___ Campus Styles
+| |___ Categorie Styles
+| |___ Contact Styles
+| |___ Counterup Styles
+| |___ Course Styles
+| |___ Course Details Style
+| |___ Event Styles
+| |___ FAQ Styles
+| |___ Features Styles
+| |___ Gallery Styles
+| |___ Hero Banner Styles
+| |___ Instagram Styles
+| |___ Pricing Table Styles
+| |___ Privacy Policy Style
+| |___ Product Details Styles
+| |___ Shop Styles
+| |___ Splash Page Styles
+| |___ Team Styles
+| |___ Testimonial Styles
+| |___ Video Styles
+| |___ Why Choose Styles
+| |___ 404 Error
+|
+|___Blocks Styles
+| |___ Header Styles
+| |___ Footer Styles
+|
+|___Blog Styles
+|
+|___Spacing
+|
+|___ END STYLESHEET INDEXING
+
+--------------------------------------------*/
+
+/*=======================================================================
+1. Default Styles
+=========================================================================*/
+@import "default/variable";
+@import "default/shortcode";
+@import "default/reset";
+@import "default/typography";
+@import "default/form";
+@import "default/common";
+@import "default/animations";
+
+/*=======================================================================
+2. Elements Styles
+=========================================================================*/
+@import "elements/accordion";
+@import "elements/backtotop";
+@import "elements/breadcrumb";
+@import "elements/button";
+@import "elements/countdown";
+@import "elements/course-widget";
+@import "elements/pagination";
+@import "default/sal";
+@import "elements/section-title";
+@import "elements/swiper";
+@import "elements/social-share";
+@import "elements/theme-switcher";
+
+/*=======================================================================
+3. Template Styles
+=========================================================================*/
+@import "template/about";
+@import "template/brand";
+@import "template/call_to_action";
+@import "template/campus";
+@import "template/categorie";
+@import "template/contact";
+@import "template/counterup";
+@import "template/course";
+@import "template/course_details";
+@import "template/event";
+@import "template/faq";
+@import "template/features";
+@import "template/gallery";
+@import "template/hero_banner";
+@import "template/instagram";
+@import "template/pricing";
+@import "template/privacy_policy";
+@import "template/product_details";
+@import "template/shop";
+@import "template/splash";
+@import "template/team";
+@import "template/testimonial";
+@import "template/video";
+@import "template/why_choose";
+@import "template/404";
+@import "template/modern_schooling/main";
+@import "template/health_coach/main";
+
+
+/*=======================================================================
+4.Blocks Styles
+=========================================================================*/
+@import 'header/header';
+@import 'header/nav';
+@import 'header/header-top';
+@import 'header/header-action';
+@import 'header/mobilemenu';
+@import 'header/search-popup';
+@import "footer/footer";
+
+/*=======================================================================
+5.Blog Styles
+=========================================================================*/
+@import "blog/blog";
+@import "blog/blog-details";
+@import "blog/comments";
+@import "blog/widget";
+
+/*=======================================================================
+6. Spacing/Dark
+=========================================================================*/
+@import "default/spacing";
+@import "default/dark";
+@import "default/rtl";
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_blog-details.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_blog-details.scss
new file mode 100644
index 00000000..c0223105
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_blog-details.scss
@@ -0,0 +1,210 @@
+/*-------------------------
+ Blog Details Styles
+---------------------------*/
+// Details Content
+
+.blog-details-content {
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 70px;
+ .entry-content {
+ .category {
+ letter-spacing: 1px;
+ margin-bottom: 8px;
+ text-transform: uppercase;
+ display: block;
+ }
+ .title {
+ margin-bottom: 5px;
+ }
+ .thumbnail {
+ margin: 50px 0 65px;
+ @media #{$sm-layout} {
+ margin: 20px 0 30px;
+ }
+ img {
+ border-radius: 10px;
+ width: 100%;
+ }
+ }
+ }
+ >.title {
+ margin-top: 60px;
+ }
+ >p {
+ margin-bottom: 26px;
+ }
+ >ul {
+ list-style: disc;
+ li {
+ color: var(--color-heading);
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
+ }
+ .features-image {
+ margin: 65px 0;
+ @media #{$sm-layout} {
+ margin: 40px 0;
+ }
+ .thumb {
+ img {
+ width: 100%;
+ border-radius: 5px;
+ }
+ }
+ }
+ blockquote {
+ margin: 65px 0 70px;
+ @media #{$sm-layout} {
+ margin: 40px 0 30px
+ }
+ }
+ .blog-share-area {
+ margin-top: 65px;
+ }
+ .blog-tags,
+ .blog-share {
+ display: flex;
+ align-items: center;
+ .title {
+ margin-bottom: 0;
+ margin-right: 12px;
+ }
+ }
+ .blog-share {
+ justify-content: flex-end;
+ @media #{$sm-layout} {
+ justify-content: flex-start;
+ margin-top: 30px;
+ }
+ .title {
+ margin-right: 25px;
+ }
+ .social-share {
+ margin: 0 -12px;
+ li {
+ margin: 0 12px;
+ }
+
+ }
+ }
+}
+
+blockquote {
+ box-shadow: 0px 5px 50px 0px rgba(26,46,85,0.1);
+ background-color: var(--color-white);
+ border-radius: 10px;
+ padding: 35px 40px 35px 120px;
+ position: relative;
+ @media #{$sm-layout} {
+ padding: 35px 30px 35px 100px;
+ }
+ &:after {
+ content: "\e94a";
+ font-family: var(--font-icomoon);
+ font-size: 35px;
+ color: var(--color-primary);
+ position: absolute;
+ top: 30px;
+ left: 40px;
+ @media #{$sm-layout} {
+ left: 30px;
+ font-size: 30px;
+ }
+ }
+ p {
+ font-size: 17px;
+ margin-bottom: 8px;
+ }
+ .author {
+ margin-bottom: 0;
+ font-weight: var(--p-medium);
+ }
+}
+
+// Blog Author
+
+.blog-author {
+ padding: 70px 0;
+ display: flex;
+ align-items: center;
+ @media #{$large-mobile} {
+ display: block;
+ }
+ .thumbnail {
+ margin-right: 30px;
+ @media #{$sm-layout} {
+ margin-right: 20px;
+ }
+ @media #{$large-mobile} {
+ margin-right: 0;
+ margin-bottom: 20px;
+ }
+ img {
+ border-radius: 50%;
+ }
+ }
+ .author-content {
+ flex: 1;
+ .title {
+ margin-bottom: 10px;
+ }
+ p {
+ margin-bottom: 15px;
+ }
+ .social-share {
+ &.icon-transparent {
+ margin: 0 -10px;
+ li {
+ margin: 0 10px;
+ a {
+ font-size: 18px;
+ }
+ }
+ }
+ }
+ }
+}
+
+// Blog Pagination
+
+.blog-pagination-list {
+ border: 1px solid #e7e7e7;
+ border-radius: 5px;
+ transition: var(--transition);
+ position: relative;
+ z-index: 2;
+ a {
+ display: flex;
+ align-items: center;
+ padding: 25px 30px;
+ position: relative;
+ z-index: 1;
+ color: var(--color-heading);
+ font-family: var(--font-secondary);
+ font-weight: var(--p-semi-bold);
+ font-size: 18px;
+ line-height: 26px;
+ transition: var(--transition);
+ i {
+ font-size: 20px;
+ transition: 0.4s;
+ margin-right: 20px;
+ }
+ }
+ &:hover {
+ background-color: #f0f4f5;
+ border-color: #f0f4f5;
+
+ }
+
+ &.next-post {
+ text-align: right;
+ a {
+ i {
+ margin-right: 0;
+ margin-left: 20px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_blog.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_blog.scss
new file mode 100644
index 00000000..eaeb8b73
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_blog.scss
@@ -0,0 +1,569 @@
+/*-------------------------
+ Blog Styles
+---------------------------*/
+// Blog Meta Styles
+.blog-meta {
+ @extend %liststyle;
+ display: flex;
+ flex-wrap: wrap;
+ padding-bottom: 18px;
+ margin: -5px -16px;
+ @media #{$smlg-device} {
+ margin: -5px -10px;
+ }
+ li {
+ margin: 5px 16px;
+ color: var(--color-heading);
+ position: relative;
+ @media #{$smlg-device} {
+ margin: 5px 10px;
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ &:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #dbdbdb;
+ position: absolute;
+ top: 3px;
+ right: -18px;
+ @media #{$smlg-device} {
+ right: -12px;
+ }
+ }
+ a {
+ color: var(--color-heading);
+ }
+ i,
+ img {
+ font-size: 16px;
+ padding-right: 10px;
+ position: relative;
+ top: 2px;
+ color: var(--color-primary);
+ }
+ }
+}
+
+// Blog Styles
+
+.edu-blog {
+ position: relative;
+ .thumbnail {
+ position: relative;
+ a {
+ display: block;
+ border-radius: 10px;
+ position: relative;
+ overflow: hidden;
+ &:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0,0,0,0.5);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ }
+ img {
+ width: 100%;
+ border-radius: 10px;
+ transition: var(--transition);
+ }
+ }
+ .video-play-btn {
+ height: 80px;
+ width: 80px;
+ line-height: 80px;
+ background-color: var(--color-white);
+ border-radius: 50% !important;
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateY(-50%) translateX(-50%);
+ z-index: 2;
+ font-size: 18px;
+ color: var(--color-primary);
+ &:after {
+ display: none;
+ }
+ @media #{$large-mobile} {
+ height: 65px;
+ width: 65px;
+ line-height: 65px;
+ }
+ }
+ }
+ .content {
+ background-color: var(--color-white);
+ padding: 30px;
+ border-radius: 10px;
+ position: relative;
+ box-shadow: var(--shadow-darker);
+ @media #{$smlg-device} {
+ padding: 30px 20px;
+ }
+ @media #{$small-mobile} {
+ padding: 20px;
+ }
+ .blog-category {
+ color: var(--color-body);
+ margin-bottom: 10px;
+ text-transform: uppercase;
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ .title {
+ margin-bottom: 10px;
+ }
+ p {
+ margin-bottom: 0;
+ }
+ &.position-top {
+ margin-top: -175px;
+ margin-left: 30px;
+ margin-right: 30px;
+ @media #{$lg-layout} {
+ margin-top: -125px;
+ }
+ @media #{$sm-layout} {
+ margin-top: -105px;
+ }
+ @media #{$smlg-device} {
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+ @media #{$small-mobile} {
+ margin-left: 15px;
+ margin-right: 15px;
+ }
+ .read-more-btn {
+ position: absolute;
+ top: -40px;
+ right: 30px;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ .btn-icon-round {
+ box-shadow: var(--shadow-dark);
+ }
+ }
+ }
+ }
+ &:hover {
+ .thumbnail {
+ a {
+ &:after {
+ visibility: visible;
+ opacity: 1;
+ }
+ img {
+ transform: scale(1.1);
+ }
+ }
+ }
+ .position-top {
+ .read-more-btn {
+ visibility: visible;
+ opacity: 1;
+ top: -30px;
+ }
+ }
+ }
+
+ &.blog-style-2 {
+ margin-bottom: 40px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .inner {
+ display: flex;
+ align-items: center;
+ @media #{$large-mobile} {
+ display: block;
+ }
+ }
+ .thumbnail {
+ margin-right: 30px;
+ @media #{$large-mobile} {
+ margin-right: 0;
+ margin-bottom: 20px;
+ }
+ a {
+ &:after {
+ visibility: visible;
+ opacity: 1;
+ background-color: rgba(0,0,0, .3);
+ }
+ img {
+ width: 100%;
+ }
+ }
+ }
+ .content {
+ box-shadow: none;
+ padding: 0;
+ flex: 1;
+ .blog-meta {
+ padding-bottom: 0;
+ i {
+ color: #d0d0d1;
+ }
+ }
+ }
+ .blog-date {
+ width: 80px;
+ height: 80px;
+ background: var(--color-primary);
+ border-radius: 60px 60px 14px 60px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ z-index: 1;
+ span {
+ font-weight: 700;
+ font-size: 22px;
+ display: block;
+ color: var(--color-white);
+ text-align: center;
+ font-family: var(--font-secondary);
+ &.day {
+ line-height: 1;
+ margin-bottom: 4px;
+ }
+ &.month {
+ line-height: 1;
+ font-size: 14px;
+ font-weight: 500;
+ }
+ }
+ }
+
+ &.first-large-blog {
+ @media only screen and (max-width: 991px) {
+ margin-bottom: 20px;
+ }
+ .inner {
+ display: block;
+ }
+ .thumbnail {
+ margin-right: 0;
+ margin-bottom: 20px;
+ a {
+ &:after {
+ display: none;
+ }
+ }
+ }
+ .content {
+ padding-left: 110px;
+ .blog-date {
+ top: 6px;
+ right: auto;
+ left: 0;
+ }
+ .title {
+ margin-bottom: 15px;
+ }
+ .blog-meta {
+ padding-top: 20px;
+ }
+ }
+ }
+ }
+
+ &.blog-style-3 {
+ .thumbnail {
+ a {
+ border-radius: 10px 10px 0 0;
+ img {
+ border-radius: 10px 10px 0 0;
+ }
+ }
+ .read-more-btn {
+ position: absolute;
+ top: 53%;
+ left: 0;
+ right: 0;
+ transform: translateY(-50%);
+ text-align: center;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ a {
+ display: inline-block;
+ border-radius: 50%;
+ &:after {
+ display: none;
+ }
+ }
+ }
+ }
+ .content {
+ border-radius: 0 0 10px 10px;
+ &:before {
+ content: url(../images/blog/shape-01.png);
+ position: absolute;
+ top: -36px;
+ left: 0;
+ right: 0;
+ overflow: hidden;
+ @media #{$sm-layout} {
+ content: '';
+ }
+ }
+ .title {
+ font-weight: var(--p-bold);
+ }
+ }
+ &:hover {
+ .thumbnail {
+ .read-more-btn {
+ visibility: visible;
+ opacity: 1;
+ top: 51%;
+ }
+ }
+ }
+ }
+
+ &.blog-style-4 {
+ margin-bottom: 70px;
+ .thumbnail {
+ .blog-gallery-activation {
+ .swiper-wrapper {
+ .swiper-slide {
+ padding: 0;
+ a {
+ border-radius: 10px 10px 0 0;
+ img {
+ border-radius: 10px 10px 0 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ .inner {
+ .thumbnail {
+ a {
+ border-radius: 10px 10px 0 0;
+ img {
+ border-radius: 10px 10px 0 0;
+ }
+ }
+ }
+ }
+ .content {
+ border-radius: 0 0 10px 10px;
+ padding: 44px 50px;
+ @media #{$large-mobile} {
+ padding: 30px 25px;
+ }
+ .read-more-btn {
+ margin-top: 25px;
+ }
+ }
+
+ }
+
+ &.blog-style-5 {
+ margin-bottom: 40px;
+ }
+ &.blog-style-list {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ padding: 40px 40px 30px;
+ border-radius: 10px;
+ margin-bottom: 40px;
+ @media #{$large-mobile} {
+ padding: 30px 20px 30px;
+ }
+ .inner {
+ display: flex;
+ }
+ .thumbnail {
+ margin-right: 40px;
+ @media #{$lg-layout} {
+ max-width: 250px;
+ margin-right: 30px;
+ }
+ @media #{$large-mobile} {
+ margin-right: 20px;
+ }
+ }
+ .content {
+ background-color: transparent;
+ box-shadow: none;
+ flex: 1;
+ padding: 0;
+ @media #{$sm-layout} {
+ flex: auto;
+ }
+ .read-more-btn {
+ margin-top: 24px;
+ }
+ }
+ }
+ &.post-video {
+ .thumbnail {
+ a {
+ &:after {
+ visibility: visible;
+ opacity: 1;
+ background-color: rgba(0, 0, 0, 0.3);
+ }
+ }
+ }
+ }
+ &.post-gallery {
+ .thumbnail {
+ a {
+ img {
+ transform: none;
+ }
+ &:after {
+ display: none;
+ }
+ }
+ }
+ }
+}
+.edu-blog-area {
+ &.blog-area-6 {
+ .thumbnail {
+ position: relative;
+ a {
+ border-radius: 10px 10px 0px 0px;
+ img {
+ border-radius: 10px 10px 0px 0px;
+ }
+ }
+ .date {
+ position: absolute;
+ left: 20px;
+ top: 20px;
+ background: var(--gradient-primary);
+ border-radius: 3px;
+ padding: 3px 12px;
+ font-size: 15px;
+ color: var(--color-white);
+ display: block;
+ }
+ }
+ .content {
+ border-radius: 0px 0px 10px 10px;
+ &.position-top {
+ margin-top: 0;
+ margin-left: 0;
+ margin-right: 0;
+ }
+ }
+ }
+}
+
+
+.blog-view-all-btn {
+ text-align: center;
+ margin-top: 55px;
+ .view-text {
+ font-size: 18px;
+ margin-bottom: 0;
+ }
+}
+
+.edu-blog-area {
+ position: relative;
+ .shape-group {
+ @extend %liststyle;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ left: -117px;
+ top: -70px;
+ }
+ &.shape-2 {
+ top: 99px;
+ left: 55px;
+ span {
+ display: block;
+ height: 101px;
+ width: 101px;
+ border: 15px solid var(--color-secondary);
+ border-radius: 50%;
+ }
+ }
+ &.shape-3 {
+ right: 85px;
+ bottom: 90px;
+ }
+ }
+ }
+ &.blog-area-2 {
+ padding-top: 128px;
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-2.svg);
+ filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(484%) hue-rotate(339deg) brightness(103%) contrast(95%);
+ background-position: center top;
+ background-repeat: no-repeat;
+ background-size: cover;
+ z-index: -1;
+ }
+
+
+ @media #{$md-layout} {
+ padding-top: 120px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 120px;
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: 135px;
+ top: 30px;
+ z-index: 1;
+ @media #{$lg-layout-1} {
+ left: 0;
+ }
+ }
+ }
+ }
+ }
+}
+
+.blog-area-4 {
+ @media #{$md-layout} {
+ padding: 30px 0 60px !important;
+ }
+ @media #{$sm-layout} {
+ padding: 0 0 30px !important;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_comments.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_comments.scss
new file mode 100644
index 00000000..f78409f5
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_comments.scss
@@ -0,0 +1,114 @@
+/*-----------------------------
+ Blog Comments Style
+------------------------------*/
+.comment-area {
+ margin-top: 100px;
+ .heading-title {
+ margin-bottom: 30px;
+ }
+}
+.comment-list-wrapper {
+ .comment {
+ display: flex;
+ .thumbnail {
+ min-width: 80px;
+ width: 80px;
+ max-height: 80px;
+ border-radius: 50%;
+ margin-right: 30px;
+ @media #{$large-mobile} {
+ margin-right: 20px;
+ min-width: 60px;
+ width: 60px;
+ }
+ img {
+ border-radius: 50%;
+ width: 100%;
+ }
+ }
+ .comment-content {
+ .title {
+ margin-bottom: 2px;
+ }
+ .date {
+ display: block;
+ margin-bottom: 14px;
+ }
+ p {
+ margin-bottom: 18px;
+ }
+
+ .reply-btn {
+ display: flex;
+ align-items: center;
+ font-weight: 500;
+ font-size: 15px;
+ line-height: 26px;
+ font-family: var(--font-secondary);
+ i {
+ margin-right: 10px;
+ }
+ }
+ }
+ &.comment-reply {
+ margin-left: 110px;
+ @media #{$large-mobile} {
+ margin-left: 40px;
+ }
+ }
+ & + .comment {
+ border-top: 1px solid var(--color-border);
+ padding-top: 30px;
+ margin-top: 30px;
+ }
+ }
+}
+
+/*-----------------------------
+ Blog Comments Form
+------------------------------*/
+.comment-form-area {
+ margin-top: 90px;
+ .heading-title {
+ margin-bottom: 30px;
+ }
+}
+
+.comment-form {
+ .form-group {
+ margin-bottom: 0;
+ input,
+ textarea {
+ box-shadow: var(--shadow-darker);
+ }
+ .edu-form-check {
+ label {
+ color: var(--color-body);
+ padding-left: 27px;
+ &:before {
+ background-color: #f7f7f7;
+ border-color: var(--color-border);
+ height: 15px;
+ width: 15px;
+ top: 5px;
+ }
+ &:after {
+ left: 3px;
+ }
+ }
+ input {
+ &:checked {
+ ~label {
+ &::before {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+ }
+ &::after {
+ opacity: 1;
+ }
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_widget.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_widget.scss
new file mode 100644
index 00000000..8d3aa53c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/blog/_widget.scss
@@ -0,0 +1,196 @@
+/*-------------------
+ Blog Widget
+---------------------*/
+.edu-blog-sidebar {
+ background-color: var(--color-white);
+ box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.07);
+ border-radius: 5px;
+ padding: 35px 0;
+ @media #{$md-layout} {
+ margin-top: 70px;
+ }
+ @media #{$sm-layout} {
+ margin-top: 60px;
+ }
+}
+
+.edu-blog-widget {
+ padding: 35px 40px;
+ @media #{$sm-layout} {
+ padding: 20px;
+ }
+ .widget-title {
+ margin-bottom: 35px;
+ }
+ &.widget-search {
+ .blog-search {
+ position: relative;
+ .search-button {
+ position: absolute;
+ left: 30px;
+ top: 50%;
+ transform: translateY(-50%);
+ border: none;
+ padding: 0;
+ color: var(--color-placeholder);
+ background-color: transparent;
+ font-size: 18px;
+ }
+ input {
+ padding: 0 20px 0 56px;
+ border: 1px solid var(--color-border);
+ }
+ }
+ }
+
+ &.widget-latest-post {
+ .latest-post {
+ display: flex;
+ position: relative;
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 20px;
+ margin-bottom: 20px;
+ &:last-child {
+ padding-bottom: 0;
+ margin-bottom: 0;
+ border-bottom: none;
+ }
+ .thumbnail {
+ margin-right: 20px;
+ @media #{$sm-layout} {
+ margin-right: 10px;
+ }
+ a {
+ img {
+ border-radius: 5px;
+ max-height: 95px;
+ object-fit: cover;
+ }
+ }
+ }
+ .post-content {
+ flex: 1;
+ .title {
+ margin-bottom: 5px;
+ a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+ }
+ .blog-meta {
+ padding-bottom: 0;
+ }
+ }
+ }
+ }
+
+ &.widget-categories {
+ .category-list {
+ @extend %liststyle;
+ margin: -14px 0;
+ li {
+ margin: 14px 0;
+ a {
+ font-family: var(--font-secondary);
+ color: var(--color-heading);
+ font-weight: var(--p-medium);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+
+ &.widget-action {
+ .inner {
+ background-color: #f5f9fa;
+ text-align: center;
+ padding: 40px 40px 90px;
+ border-radius: 10px;
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/others/shape-21.png);
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center;
+ filter: opacity(.3);
+ -webkit-filter: opacity(.3);
+ }
+ @media #{$smlg-device} {
+ padding: 40px 25px 60px;
+ }
+
+ .title {
+ font-size: 22px;
+ margin-bottom: 5px;
+ span {
+ color: var(--color-secondary);
+ }
+ }
+ .shape-line {
+ font-size: 10px;
+ color: var(--color-primary);
+ display: block;
+ margin-bottom: 14px;
+ }
+ p {
+ color: var(--color-heading);
+ margin-bottom: 20px;
+ }
+ }
+ }
+}
+
+.tag-list {
+ margin: -5px;
+ display: flex;
+ flex-wrap: wrap;
+ flex: 1;
+ a {
+ border: 1px solid var(--color-border);
+ border-radius: 5px;
+ font-weight: 500;
+ font-size: 14px;
+ font-family: var(--font-secondary);
+ margin: 5px;
+ height: 40px;
+ line-height: 40px;
+ padding: 0 14px;
+ transition: var(--transition);
+ position: relative;
+ z-index: 1;
+ &:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background: var(--gradient-primary);
+ border-radius: 5px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ transition: var(--transition);
+ opacity: 0;
+ }
+ &:hover {
+ color: var(--color-white);
+ border-color: transparent;
+ &:after {
+ opacity: 1;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_animations.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_animations.scss
new file mode 100644
index 00000000..25479c46
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_animations.scss
@@ -0,0 +1,550 @@
+/*----------------------
+ Animation
+-----------------------*/
+
+// Mouse Move/Particle/Abstract Shape Animation
+.edublink-animated-shape {
+ position: relative;
+ z-index: 9;
+}
+
+.shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ }
+ @media #{$smlg-device} {
+ display: none;
+ }
+}
+
+.z-10 {
+ z-index: 10;
+}
+
+.home-four-course {
+ position: relative;
+ overflow: hidden;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-3.jpg);
+ background-size: cover;
+ z-index: -1;
+ }
+ .shape-group {
+ .shape-1 {
+ top: 59px;
+ right: -88px;
+ }
+ .shape-2 {
+ top: -263px;
+ right: -406px;
+ z-index: -1;
+ span {
+ display: block;
+ height: 570px;
+ width: 570px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ }
+}
+
+// Header Sticky Animation
+
+@keyframes headerSticky {
+ 0% {
+ transform: translateY(-100%);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes rotateIt {
+ to {
+ transform: rotate(-360deg);
+ }
+}
+
+@keyframes bounceSlide {
+ 0%, 20%, 50%, 80%, 100% {
+ transform: translateY(0);
+ }
+ 40% {
+ transform: translateY(-30px);
+ }
+ 60% {
+ transform: translateY(-15px);
+ }
+}
+
+.bounce-slide {
+ animation-duration: 2.5s;
+ animation-fill-mode: both;
+ animation-iteration-count: infinite;
+ animation-name: bounceSlide;
+}
+
+@keyframes line1 {
+ 0% {
+ opacity: 1;
+ bottom: 0
+ }
+ 30% {
+ bottom: 30%
+ }
+ 50% {
+ bottom: 50%
+ }
+ 70% {
+ bottom: 70%
+ }
+ 100% {
+ bottom: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line2 {
+ 0% {
+ opacity: 1;
+ top: 0
+ }
+ 30% {
+ bottom: 30%
+ }
+
+ 50% {
+ bottom: 50%
+ }
+
+ 70% {
+ bottom: 70%
+ }
+
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line3 {
+ 0% {
+ opacity: 1;
+ top: 500px
+ }
+ 50% {
+ top: 50%
+ }
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line4 {
+ 0% {
+ opacity: 1;
+ top: 300px;
+ }
+ 50% {
+ top: 50%
+ }
+ 100% {
+ top: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes line5 {
+ 0% {
+ opacity: 1;
+ bottom: 400px
+ }
+ 50% {
+ bottom: 50%
+ }
+ 100% {
+ bottom: 100%;
+ opacity: 0.5;
+ }
+}
+
+@keyframes customOne {
+ from {
+ transform: scale(1);
+ }
+
+ 50% {
+ transform: scale(0.90);
+ }
+
+ to {
+ transform: scale(1);
+ }
+}
+
+@keyframes customTwo {
+ 0% {
+ transform: (translate(0.0px, 0.0px));
+ }
+
+ 50% {
+ transform: (translate(100.0px, 0.0px));
+ }
+
+ 100% {
+ transform: (translate(50.0px, 50.0px));
+ }
+}
+
+.customOne {
+ animation: customOne 2s infinite;
+}
+.rotateit {
+ animation: rotateIt 11s linear infinite;
+}
+
+@-webkit-keyframes edublink-vsm-y-move {
+ 0% {
+ -webkit-transform: translate(0, -30%);
+ transform: translate(0, -30%);
+ }
+ 100% {
+ -webkit-transform: translate(0, 30%);
+ transform: translate(0, 30%);
+ }
+}
+
+@keyframes edublink-vsm-y-move {
+ 0% {
+ -webkit-transform: translate(0, -30%);
+ transform: translate(0, -30%);
+ }
+ 100% {
+ -webkit-transform: translate(0, 30%);
+ transform: translate(0, 30%);
+ }
+}
+
+@-webkit-keyframes edublink-vsm-y-reverse-move {
+ 0% {
+ -webkit-transform: translate(0, 30%);
+ transform: translate(0, 30%);
+ }
+ 100% {
+ -webkit-transform: translate(0, -30%);
+ transform: translate(0, -30%);
+ }
+}
+
+@keyframes edublink-vsm-y-reverse-move {
+ 0% {
+ -webkit-transform: translate(0, 30%);
+ transform: translate(0, 30%);
+ }
+ 100% {
+ -webkit-transform: translate(0, -30%);
+ transform: translate(0, -30%);
+ }
+}
+
+@-webkit-keyframes edublink-sm-x-move {
+ 0% {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ }
+ 100% {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ }
+}
+
+@keyframes edublink-sm-x-move {
+ 0% {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ }
+ 100% {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ }
+}
+
+@-webkit-keyframes edublink-sm-x-reverse-move {
+ 0% {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ }
+ 100% {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ }
+}
+
+@keyframes edublink-sm-x-reverse-move {
+ 0% {
+ -webkit-transform: translate(50%, 0);
+ transform: translate(50%, 0);
+ }
+ 100% {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ }
+}
+
+@-webkit-keyframes edublink-rotate-y {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+
+@-webkit-keyframes edublink-rotate-x {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes edublink-rotate-x {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes edublink-rotate-y {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+
+@-webkit-keyframes edublink-zoom1 {
+ 0% {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+ }
+ 100% {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+@keyframes edublink-zoom2 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+@-webkit-keyframes edublink-zoom1 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(1.25);
+ transform: scale(1.25);
+ }
+}
+
+@keyframes edublink-zoom1 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(1.25);
+ transform: scale(1.25);
+ }
+}
+
+
+
+/* ------------------------
+ Custom Animation 01
+----------------------------*/
+
+@keyframes headerSlideDown {
+ 0% {
+ margin-top: -100px
+ }
+
+ to {
+ margin-top: 0
+ }
+}
+
+
+/*------------------------
+ slidefadeinup
+--------------------------*/
+
+@keyframes slideFadeInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 20%, 0);
+ transform: translate3d(0, 20%, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.slideFadeInUp {
+ -webkit-animation-name: slideFadeInUp;
+ animation-name: slideFadeInUp;
+}
+
+/* -----------------------------------
+ Custom Animation For All Page
+---------------------------------------*/
+
+@keyframes moveVertical {
+ to {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0)
+ }
+}
+
+
+/*--------------------------------
+Scroll Down Button Animation
+----------------------------------*/
+@keyframes scrollDown {
+ 0% {
+ opacity: 0;
+ }
+
+ 10% {
+ transform: translateY(0);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: translateY(10px);
+ opacity: 0;
+ }
+}
+
+
+@keyframes ripple {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 75% {
+ -webkit-transform: scale(1.75);
+ transform: scale(1.75);
+ opacity: 1; }
+ 100% {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+ opacity: 0; }
+}
+
+@keyframes ripple_2 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 75% {
+ -webkit-transform: scale(3);
+ transform: scale(3);
+ opacity: 1; }
+ 100% {
+ -webkit-transform: scale(4);
+ transform: scale(4);
+ opacity: 0; }
+}
+
+@keyframes ripple_3 {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 50% {
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15);
+ opacity: 1; }
+ 100% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ opacity: 0; }
+}
+
+
+@keyframes radiusChange {
+ 0% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 40% {
+ border-radius: 50px 0px 100px 0px;
+ }
+
+ 80% {
+ border-radius: 0px 50px 0px 100px;
+ }
+
+ 100% {
+ border-radius: 0px 0px 0px 0px;
+ }
+}
+
+@keyframes radiusChange2 {
+ 0% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 25% {
+ border-radius: 50px 0px;
+ }
+
+ 50% {
+ border-radius: 0px 0px 0px 0px;
+ }
+
+ 75% {
+ border-radius: 0px 50px;
+ }
+
+ 100% {
+ border-radius: 50px 0px;
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_common.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_common.scss
new file mode 100644
index 00000000..027aea72
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_common.scss
@@ -0,0 +1,40 @@
+/*-------------------------
+ Common
+-------------------------*/
+
+.color-fb {
+ color: var(--color-facebook) !important;
+}
+.color-ig {
+ color: var(--color-instagram) !important;
+}
+.color-twitter {
+ color: var(--color-twitter) !important;
+}
+.color-yt {
+ color: var(--color-youtube) !important;
+}
+.color-linkd {
+ color: var(--color-linkedin) !important;
+}
+.color-primary {
+ color: var(--color-primary);
+}
+.color-secondary {
+ color: var(--color-secondary);
+}
+
+// Background Color
+
+.bg-lighten01 {
+ background-color: var(--color-lighten01);
+}
+.bg-lighten02 {
+ background-color: var(--color-lighten02);
+}
+.bg-lighten03 {
+ background-color: var(--color-lighten03);
+}
+.bg-lighten04 {
+ background-color: var(--color-lighten04);
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_dark.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_dark.scss
new file mode 100644
index 00000000..e7eb03bb
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_dark.scss
@@ -0,0 +1,2971 @@
+/*-------------------------
+ Dark Mode CSS Starts Here
+---------------------------*/
+body.dark-mode {
+ background-color: var(--dark-color-bg-body);
+}
+
+.dark-mode {
+ .hero-banner .banner-content p,
+ .popup-mobile-menu .inner .header-top .close-menu .close-button,
+ .edublink-vue-mobile-popup-menu .inner .header-top .close-menu .close-button,
+ .header-action .mobile-menu-bar .hamberger-button,
+ .edu-course .content .course-rating .rating-count,
+ .edu-course .content .course-meta li,
+ .event-details .details-content .event-meta li a,
+ .edu-sorting-area .sorting-right .layout-switcher label,
+ .course-details-content .course-enroll-box .single-item .login-btn a,
+ .course-details-3 .nav-tabs .nav-item .nav-link.active,
+ .course-details-3 .nav-tabs .nav-item .nav-link:hover,
+ .header-action .search-bar .input-group .form-control,
+ .team-details-content .main-info .team-meta li,
+ .team-details-content .main-info .team-meta li .rating-count,
+ .team-details-content .contact-info ul li span,
+ .blog-details-content > ul li,
+ .blog-meta li,
+ input[type=text],
+ input[type=password],
+ input[type=email],
+ input[type=number],
+ input[type=tel],
+ textarea,
+ a.edu-btn.btn-border,
+ button.edu-btn.btn-border,
+ .edu-search-popup .inner .search-form .submit-button,
+ .edu-search-popup .close-button .close-trigger,
+ .about-style-3 .about-content .nav-tabs .nav-link,
+ .isotop-button button,
+ .blog-meta li a,
+ .edu-course .hover-content-aside .content .course-feature ul li:before,
+ .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item,
+ .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a,
+ .edu-breadcrumb-area .edu-breadcrumb li.separator i,
+ .faq-page-nav .nav-tabs .nav-link,
+ .edu-course-widget.widget-course-summery .content .course-item li,
+ .event-details .details-content ul li,
+ .pricing-table .pricing-header .price-wrap .amount,
+ .pricing-table .pricing-body .list-item li,
+ .edu-pagination li a,
+ .product-details-area .content .product-rating .rating-count,
+ .tag-list a,
+ .form-group label,
+ select,
+ .edu-breadcrumb-area .course-meta li,
+ .edu-product .inner > .thumbnail .product-hover-info ul li a,
+ .edu-sorting-area .sorting-right .edu-sorting .icon,
+ .edu-product .inner .content .product-rating .rating-count,
+ .edu-blog-widget.widget-categories .category-list li a,
+ .product-description-nav .nav-item button.nav-link:hover,
+ .course-details-content .entry-content .course-meta li,
+ .product-description-nav .nav-item button.nav-link.active,
+ .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn i,
+ .product-details-area .content .product-feature li span,
+ .cart-table thead th,
+ .cart-table tbody td.product-remove .remove-wishlist,
+ .pv-demo-counterup .counterup-wrap .edu-counterup .title,
+ .order-summery .summery-table tbody td,
+ .order-summery .summery-table .order-total td:last-child,
+ a,
+ a.edu-btn:hover,
+ button.edu-btn:hover,
+ .course-layout-five-tooltip-content .content .course-feature ul li:before,
+ .cta-banner-3 .newsletter-form .input-group .form-control,
+ .cta-banner-3 .newsletter-form .input-group .form-control::placeholder ,
+ .footer-light .copyright-area p,
+ .header-action .search-bar .input-group .search-btn,
+ .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn,
+ .categorie-grid.categorie-style-3 .content .title,
+ .categorie-area-5 .categorie-grid .content .title {
+ color: var(--color-white);
+ }
+
+ ul li a:hover,
+ .edu-blog-widget.widget-categories .category-list li a:hover,
+ a:hover,
+ a.btn-transparent:hover,
+ button.btn-transparent:hover,
+ .course-details-content .course-enroll-box .single-item .login-btn a:hover,
+ .social-share.icon-transparent li a:hover,
+ .hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title a:hover,
+ .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title a:hover,
+ .edu-team-grid.team-style-3 .content .title a:hover,
+ .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover,
+ .popup-mobile-menu .mainmenu li a:hover,
+ .login-form-box a,
+ .edu-course.course-style-4 .content .title a:hover,
+ .faq-page-nav .nav-tabs .nav-link.active,
+ .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a:hover,
+ .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a:hover {
+ color: var(--color-primary);
+ }
+
+ .section-title .pre-title.pre-textsecondary,
+ .login-form-box a:hover,
+ .about-style-3 .about-content .nav-tabs .nav-link:hover,
+ .about-style-3 .about-content .nav-tabs .nav-link.active {
+ color: var(--color-secondary);
+ }
+
+ ul li a,
+ .edu-course.course-style-5 .content .course-meta li,
+ .edu-breadcrumb-area.breadcrumb-style-4 .course-meta li,
+ .pricing-table .pricing-body .list-item li.item-off {
+ color: var(--color-body);
+ }
+
+ .about-image-gallery .video-box .inner .thumb .popup-icon:hover,
+ .popup-mobile-menu .inner .header-top .close-menu .close-button:hover,
+ .edu-product .inner > .thumbnail .product-hover-info ul li a:hover {
+ background-color: var(--color-primary);
+ }
+
+ .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {
+ background-color: var(--color-secondary);
+ }
+
+ a.btn-transparent,
+ button.btn-transparent {
+ color: var(--color-textSecondary);
+ }
+
+ .bg-lighten01,
+ .bg-lighten04,
+ .counterup-area-2:before,
+ .hero-banner.hero-style-5,
+ .testimonial-area-3,
+ .testimonial-area-9,
+ .hero-banner.hero-style-6:before,
+ .team-area-4,
+ .why-choose-area-2:before,
+ .team-area-5,
+ .counterup-area-7,
+ .contact-form-area,
+ .hero-banner.hero-style-1,
+ .brand-area-6,
+ .course-area-8,
+ .brand-area-2 {
+ background-color: var(--dark-bg-color);
+ }
+
+ .counterup-area-7 .counterup-box-wrap .counterup-box:before,
+ .counterup-area-7 .counterup-box-wrap .counterup-box:after,
+ .course-details-content .course-enroll-box .single-item:after,
+ .edu-counterup.counterup-style-3:after {
+ background-color: var(--dark-color-border);
+ }
+ .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: .8px solid var(--dark-color-border);
+ }
+ .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {
+ border-right: .8px solid var(--dark-color-border);
+ }
+ .counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 {
+ border-bottom: 0.8px solid var(--dark-color-border);
+ }
+
+ .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {
+ border-color: var(--color-secondary);
+ }
+
+ .edu-campus-area .campus-image-gallery .shape-1 span,
+ .edu-campus-area .campus-content .shape-4 span,
+ .edu-event-area .shape-group li.shape-2 span,
+ .edublink-vue-mobile-popup-menu .inner .header-top,
+ .edublink-vue-mobile-popup-menu .mainmenu li + li,
+ .about-style-3 .about-image-gallery .shape-group li.shape-4 span,
+ .home-four-course .shape-group .shape-2 span,
+ .hero-banner.hero-style-4 .shape-group li.shape-8 span,
+ .about-style-4 .about-image-gallery .shape-group .shape-4 span,
+ .why-choose-area-2 .shape-group li.shape-1 span,
+ .why-choose-area-2 .shape-group li.shape-3 span,
+ .team-area-5 .shape-group li.shape-3 span,
+ .team-area-5 .shape-group li.shape-1 span,
+ .why-choose-area-3 .shape-group li.shape-1 span,
+ .edu-breadcrumb-area .shape-group li.shape-1,
+ .edu-breadcrumb-area .shape-group li.shape-4,
+ .edu-event-list.event-list-2,
+ .popup-mobile-menu .inner .header-top,
+ .edu-blog-widget.widget-search .blog-search input,
+ .login-form-box .form-group input,
+ .tag-list a,
+ .edu-product:hover .inner .thumbnail a,
+ .pro-qty,
+ .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn,
+ .product-description-nav,
+ .product-description-content .comment-area,
+ .product-details-area .thumbnail,
+ .checkout-notice .coupn-box,
+ .order-summery.checkout-summery .summery-table-wrap,
+ .checkout-billing .form-group select,
+ .edu-course-widget.widget-course-summery .content .course-item li,
+ .course-details-content .nav-tabs,
+ .order-payment,
+ a.edu-btn.btn-border,
+ .course-curriculam .course-lesson ul li:first-child,
+ .course-curriculam .course-lesson ul li,
+ .course-curriculam .course-lesson,
+ .social-share li a,
+ .about-style-3 .shape-group li.shape-6 span,
+ .footer-dark .copyright-area,
+ .comment-list-wrapper .comment + .comment,
+ .course-overview .border-box,
+ .edu-accordion .accordion-item,
+ .blog-details-content,
+ .course-review .border-box,
+ .course-review .border-box .comment-area,
+ .edu-blog-widget.widget-latest-post .latest-post,
+ .contact-form.form-style-2 .form-group input,
+ .contact-form.form-style-2 .form-group textarea,
+ .contact-form-area .shape-group li.shape-3 span,
+ .pv-courses-demo .shape-group li.shape-5 span,
+ .testimonial-area-4 .swiper-navigation .swiper-btn-nxt,
+ .testimonial-area-4 .swiper-navigation .swiper-btn-prv,
+ .course-sidebar-2 .edu-course-widget .inner,
+ .hero-banner.hero-style-8 .shape-group li.shape-5 span,
+ .course-area-8 .shape-group li.shape-2 span,
+ button.edu-btn.btn-border,
+ .edu-footer.footer-style-7 .copyright-area {
+ border-color: var(--dark-color-border);
+ }
+ .pv-demo-counterup .counterup-wrap .edu-counterup.border-end {
+ border-color: var(--dark-color-border) !important;
+ }
+
+ .tpd-visible-frame-left .tpd-frame-left:before,
+ .tpd-visible-frame-right .tpd-frame-left:before,
+ .tpd-visible-frame-right .tpd-frame-left:after {
+ border-right: 13px solid var(--color-black);
+ }
+
+ .tpd-visible-frame-right .tpd-frame-right:after {
+ border-left: 13px solid var(--color-black);
+ }
+ .hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control,
+ .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn,
+ .edu-course-area.course-area-9 ul .course-view-all a.edu-btn {
+ background-color: var(--bg-color-2);
+ }
+ .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 img {
+ filter: opacity(0.03);
+ -webkit-filter: opacity(0.03);
+ }
+ .hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner p,
+ .testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content p,
+ .event-area-4 .edu-event.event-style-1 .content .event-meta li,
+ .edu-footer.footer-style-7 .footer-top .edu-footer-widget .description,
+ .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a,
+ .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li,
+ .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a,
+ .edu-footer.footer-style-7 .copyright-area a {
+ color: var(--color-title);
+ }
+ .features-area-5 .features-box.color-extra06-style .icon {
+ background-color: #0b3648;
+ }
+ .features-area-5 .features-box.color-extra06-style {
+ &:hover {
+ .icon {
+ background-color: var(--color-extra06);
+ }
+ }
+ }
+ .features-box,
+ .edu-course-area.course-area-9 .edu-course.course-style-5 {
+ background-color: transparent;
+ }
+ .features-area-5 .features-box .content {
+ background: var(--bg-color-2);
+ box-shadow: none;
+ }
+ .categorie-area-5 .section-title .title {
+ color: var(--color-heading);
+ }
+ .testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 img {
+ filter: opacity(0.09);
+ }
+ .testimonial-area-9 {
+ .swiper-navigation {
+ .swiper-btn-prv,
+ .swiper-btn-nxt {
+ background-color: var(--color-white);
+ }
+ }
+ }
+ .health-coach-wrapper.cta-banner-7 .input-group input {
+ background-color: var(--color-white) !important;
+ }
+ .edu-footer.footer-style-7 .footer-top .edu-footer-widget .logo a img.logo-dark {
+ display: inline-block;
+ }
+ .cta-banner-7 .section-title .title,
+ .health-coach-wrapper.cta-banner-7 .input-group input {
+ color: var(--color-heading);
+ }
+}
+
+.dark-mode {
+ p {
+ color: var(--color-title);
+ }
+ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+ color: var(--color-white);
+ }
+ .edu-pagination {
+ li:hover {
+ a {
+ color: var(--color-white);
+ }
+ }
+ }
+ #edublink-preloader {
+ background: var(--dark-bg-color);
+ .preloader-close-btn-wraper .preloader-close-btn {
+ background: #1C252F;
+ color: var(--color-white);
+ }
+ }
+ .edu-btn {
+ color: var(--color-white) !important;
+ }
+ .d-none-shape-dark {
+ display: block;
+ }
+ .d-block-shape-light {
+ display: none;
+ }
+ /*-------------------
+ About Dark Styles
+ ---------------------*/
+ .about-image-gallery {
+ .video-box {
+ .inner {
+ background-color: var(--color-white);
+
+ .thumb {
+ .popup-icon {
+ background-color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ .about-style-1,
+ .about-style-2,
+ .about-style-7,
+ .about-style-9{
+ .about-image-gallery {
+ .shape-group {
+ li {
+ &.shape-1 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ }
+ }
+ }
+ .about-style-4 {
+ .about-image-gallery {
+ .main-img-1 {
+ background-color: var(--color-white);
+ }
+ .shape-group {
+ .shape-2 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ }
+ }
+ .about-style-3{
+ .about-image-gallery {
+ .shape-group {
+ li {
+ &.shape-2 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ }
+ }
+ .about-content {
+ .nav-tabs {
+ .nav-item {
+ &::after {
+ background-color: var(--color-extra09);
+ }
+ }
+ }
+ }
+ }
+ .about-style-6 {
+ background-color: var(--dark-color-bg-body);
+ &::after {
+ filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3633%) hue-rotate(174deg) brightness(95%) contrast(93%);
+ }
+ }
+ .about-style-2 {
+ .about-image-gallery {
+ .author-box {
+ .inner {
+ background-color: var(--color-white);
+
+ .title {
+ color: var(--color-black);
+ }
+ }
+ }
+ .award-status {
+ .inner {
+ .content {
+ .subtitle {
+ color: var(--color-black);
+ }
+ }
+ }
+ }
+ }
+ }
+ .about-style-8 {
+ &::before {
+ background: var(--dark-bg-color);
+ }
+ &::after {
+ border: 1px solid var(--color-extra10);
+ }
+ .about-image-gallery {
+ .shape-group {
+ li {
+ &.shape-1 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ &.shape-4 {
+ span {
+ border: 1px solid var(--color-extra10);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .about-content {
+ .features-list {
+ li {
+ color: var(--color-title);
+ }
+ }
+ }
+
+ /*-------------------
+ Breadcrumb Dark Styles
+ ---------------------*/
+ .breadcrumb-style-2 {
+ .page-title {
+ .title {
+ color: var(--color-white);
+ }
+ }
+ .edu-breadcrumb {
+ li {
+ color: var(--color-white);
+ &.breadcrumb-item {
+ a {
+ color: var(--color-white);
+ }
+ }
+ &.separator {
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ .breadcrumb-style-5 {
+ background: var(--dark-bg-color);
+ }
+ .edu-breadcrumb-area {
+ background-color: var(--dark-bg-color);
+
+ .course-meta {
+ li {
+ &::after {
+ background-color: var(--color-extra10);
+ }
+ }
+ }
+ }
+ .why-choose-box {
+ &.features-box {
+ background-color: var(--bg-color-2);
+ }
+ }
+ .why-choose-box-2 {
+
+ &.features-box {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ .icon {
+ color: var(--color-white);
+ }
+ &.color-extra08-style {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Brand Dark Styles
+ ---------------------*/
+ .brand-grid-wrap {
+ &::after {
+ background-color: var(--color-extra11);
+ }
+ .brand-grid {
+ border-right: 1px solid var(--color-extra11);
+
+ &:first-child {
+ border-left: 1px solid var(--color-extra11);
+ }
+ &:nth-child(5n) {
+ border-left: 1px solid var(--color-extra11);
+ }
+ &:hover {
+ box-shadow: var(--shadow-darker);
+ }
+ }
+ }
+ .brand-area-1 {
+ .brand-grid-wrap {
+ .brand-grid {
+
+ &:hover {
+ background-color: #232c38;
+ }
+ }
+ }
+ }
+ .brand-area-3 {
+ .brand-grid-wrap {
+ .brand-grid {
+ border-right: none;
+ }
+
+ &.brand-style-3 {
+ .brand-grid {
+ background-color: var(--bg-color-2);
+ opacity: 1;
+
+ img {
+ filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(4982%) hue-rotate(288deg) brightness(90%) contrast(90%);
+ }
+ &:hover {
+ img {
+ filter: brightness(0) saturate(100%) invert(99%) sepia(71%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(100%);
+ }
+ }
+ }
+ }
+ }
+ }
+ .brand-area-5 {
+ &::before {
+ background-image: url(../images/bg/dark-bg-image-20.svg);
+ @media #{$md-layout-1} {
+ background: var(--dark-bg-color);
+ }
+ }
+ }
+ .brand-area-4 .brand-grid-wrap .brand-grid:first-child,
+ .brand-area-5 .brand-grid-wrap .brand-grid:first-child,
+ .brand-area-6 .brand-grid-wrap .brand-grid:first-child,
+ .brand-area-4 .brand-grid-wrap .brand-grid:nth-child(5n),
+ .brand-area-5 .brand-grid-wrap .brand-grid:nth-child(5n),
+ .brand-area-6 .brand-grid-wrap .brand-grid:nth-child(5n) {
+ border-left: none;
+ }
+
+ /*-------------------
+ Blog Dark Styles
+ ---------------------*/
+ .edu-blog {
+ .content {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ }
+ &.blog-style-3 {
+ .content {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(11%) sepia(21%) saturate(912%) hue-rotate(174deg) brightness(83%) contrast(92%);
+ }
+ }
+ }
+ &.blog-style-list {
+ background-color: var(--bg-color-2);
+ }
+ .thumbnail {
+ .video-play-btn {
+ background-color: var(--color-white);
+ }
+ }
+ }
+ .blog-meta {
+ li {
+ &::after {
+ background-color: var(--color-extra09);
+ }
+ }
+ }
+ .edu-blog-area {
+ &.blog-area-2 {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
+ }
+ }
+ &.blog-area-3 {
+ .blog-style-2 {
+ .content {
+ background-color: transparent;
+
+ .blog-date {
+ span {
+ color: var(--color-white);
+ }
+ }
+ .blog-meta {
+ i {
+ color: var(--color-title);
+ }
+ }
+ }
+ .inner {
+ .thumbnail {
+ .blog-date {
+ span {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .edu-blog-sidebar {
+ background-color: var(--bg-color-2);
+ }
+ .blog-pagination-list {
+ border: 1px solid var(--dark-color-border);
+
+ &:hover {
+ background-color: var(--bg-color-2);
+
+ }
+ }
+
+ /*-------------------
+ Call To Action Dark Styles
+ ---------------------*/
+ .edu-cta-banner-area {
+ background-color: var(--dark-bg-color);
+ &::before {
+ filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%);
+ }
+ }
+ .university-cta-wrapper {
+ &.edu-cta-banner-area {
+ &::before {
+ filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%) !important;
+ }
+ }
+ }
+ .online-academy-cta-wrapper {
+ background-image: none;
+ background-color: var(--dark-bg-color);
+
+
+ &::before {
+ background-image: url(../images/cta/h-4-cta.svg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ filter: brightness(0) saturate(100%) invert(6%) sepia(18%) saturate(1959%) hue-rotate(173deg) brightness(98%) contrast(97%);
+}
+ }
+ .cta-banner-2 {
+ background-color: var(--dark-bg-color);
+
+ &::before {
+ display: none;
+ }
+ .shape-group {
+ li {
+ &.shape-5 {
+ bottom: 0;
+ }
+ }
+ }
+ }
+ .cta-banner-3 {
+ background-color: var(--dark-color-bg-body);
+ &::before {
+ filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+ }
+ .newsletter-form {
+ .input-group {
+ .form-control {
+ background-color: var(--dark-color-bg-body);
+
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-3,
+ &.shape-4 {
+ img {
+ opacity: .65;
+ }
+ }
+ }
+ }
+ }
+ .cta-area-1 {
+ .cta-style-3 {
+ .inner {
+ .content {
+ .subtitle {
+ color: var(--color-white);
+ }
+ .title {
+ color: var(--color-white);
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-02 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ }
+ }
+ .home-one-cta {
+ .shape-group {
+ li {
+ &.shape-02 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ }
+ }
+ }
+ .cta-area-2 {
+ .cta-style-2 {
+ .inner {
+ .content {
+ .subtitle {
+ color: var(--color-black);
+ }
+ .title {
+ a {
+ color: var(--color-black);
+ &:hover {
+ color: rgba(24, 24, 24, .75);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Categorie Dark Styles
+ ---------------------*/
+ .categorie-grid {
+ background-color: var(--bg-color-2);
+ .content {
+ p {
+ color: var(--color-title);
+ }
+ }
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ .content {
+ .title {
+ color: var(--color-white);
+ }
+ p {
+ color: var(--color-white);
+ }
+ }
+ .icon {
+ svg {
+ path {
+ stroke: var(--color-white);
+ }
+ }
+ }
+ }
+ &.color-primary-style,
+ &.color-secondary-style,
+ &.color-tertiary-style,
+ &.color-extra01-style,
+ &.color-extra02-style,
+ &.color-extra03-style,
+ &.color-extra04-style,
+ &.color-extra05-style,
+ &.color-extra06-style,
+ &.color-extra07-style,
+ &.color-extra08-style {
+
+ &:hover {
+ .icon,
+ .course-remain {
+ color: var(--color-white);
+ }
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.categorie-style-3 {
+ background-color: var(--bg-color-2);
+ }
+ }
+ .categorie-area-3 {
+ background-color: var(--dark-color-bg-body);
+
+ &::before {
+ display: none;
+ }
+ }
+ .home-four-course {
+ &::before {
+ display: none;
+ }
+ }
+
+ /*-------------------------
+ Counterup Styles
+ --------------------------*/
+ .edu-counterup {
+ &.counterup-style-5 {
+ background-color: var(--bg-color-2);
+ }
+ }
+ .counterup-area-1 {
+ .counterup-style-1 {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ }
+ }
+ .counterup-area-2 {
+ .counterup-box-wrap {
+ background-color: var(--bg-color-2);
+ box-shadow: inherit;
+ .counterup-box {
+ .edu-counterup {
+ border-radius: 0;
+ &:first-child {
+ border-right: .8px solid var(--dark-color-border);
+ @media #{$small-mobile} {
+ border-right: none;
+ }
+ }
+ &:nth-child(3) {
+ border-right: .8px solid var(--dark-color-border);
+ @media #{$small-mobile} {
+ border-right: none;
+ }
+ }
+ }
+ &.counterup-box-1 {
+ border-bottom: .8px solid var(--dark-color-border);
+ @media #{$small-mobile} {
+ border-bottom: none;
+ }
+ }
+ }
+ }
+ }
+ .course-area-3 {
+ .isotop-button {
+ button {
+ background-color: var(--bg-color-2);
+ &.is-checked,
+ &:hover {
+ background-color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ .counterup-area-7 {
+ .counterup-box-wrap {
+ background-color: var(--bg-color-2);
+ }
+ }
+ .counterup-area-8 {
+ .shape-group {
+ li {
+ &.shape-1 {
+ img {
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ }
+ }
+ }
+ }
+ }
+
+ .counterup-style-4 {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ }
+
+ .counterup-style-6 {
+ .icon,
+ .count-number,
+ .title {
+ color: var(--color-white);
+ }
+ }
+ .pv-demo-counterup {
+ .counterup-wrap {
+ background-color: var(--bg-color-2);
+ }
+ }
+
+ /*-------------------------
+ Landing Page Dark Styles
+ --------------------------*/
+ .pv-demo-area {
+ .single-demo {
+ .inner {
+ background-color: var(--bg-color-2);
+ }
+ }
+ }
+
+ /*-------------------------
+ Course Styles
+ --------------------------*/
+ .edu-course {
+ background-color: var(--bg-color-2);
+
+ .thumbnail {
+ .duration {
+ color: var(--color-white);
+ }
+ }
+ .inner {
+ .content {
+ .course-meta {
+ li {
+ &::after {
+ background-color: var(--color-extra09);
+ }
+ }
+ }
+ }
+ }
+ .course-hover-content {
+ .content {
+ .course-level {
+ background-color: var(--color-white);
+ color: var(--color-black);
+ }
+ .title {
+ color: var(--color-white);
+ }
+ .course-rating {
+ .rating-count {
+ color: var(--color-white);
+ }
+ }
+ .course-price {
+ color: var(--color-white);
+ }
+ p {
+ color: var(--color-white);
+ }
+ .course-meta {
+ li {
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ .btn-secondary {
+ color: var(--color-white);
+
+ &:hover {
+ color: var(--color-black) !important;
+ }
+ }
+ }
+ }
+ &.course-style-3 {
+ &::before {
+ background-color: var(--bg-color-2);
+ }
+ .inner {
+ .content {
+ background-color: var(--bg-color-2);
+ }
+ }
+ }
+ &.course-style-4 {
+ &:hover {
+ .content {
+ .course-price {
+ color: var(--color-white);
+ }
+ .title {
+ a {
+ color: var(--color-white);
+ }
+ }
+ .course-rating {
+ .rating-count {
+ color: var(--color-white);
+ }
+ }
+ .course-meta {
+ li {
+ &::after {
+ background-color: var(--color-title);
+ }
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ }
+ &.course-style-5 {
+ .inner {
+ .content {
+ .price-round {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ &.course-style-6 {
+ background-color:var(--dark-bg-color);
+
+ .content {
+ background-color: var(--bg-color-2);
+ }
+ .thumbnail {
+ .price-round {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.course-style-7 {
+ .thumbnail {
+ .course-price {
+ &.price-round {
+ background-color: var(--color-white);
+ }
+ }
+ }
+ .content {
+ .course-level,
+ .title {
+ color: var(--color-white);
+ }
+ .course-meta {
+ li {
+ &::after {
+ background-color: #a19c9c;
+ }
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ p {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.course-style-8,
+ &.course-style-4 {
+ &:hover {
+ .content .course-price {
+ color: var(--color-white);
+ }
+ }
+ .hover-content-aside .content:before {
+ border-right: 11px solid transparent;
+ border-left: 11px solid transparent;
+ border-bottom: 13px solid var(--dark-bg-color);
+ }
+ }
+ &.course-style-8 {
+ &:hover {
+ background-color: var(--bg-color-2);
+ }
+ }
+ &.course-style-9 {
+ &:hover {
+ background-color: var(--bg-color-2);
+ }
+ }
+ .hover-content-aside {
+ .content {
+ background-color: var(--dark-bg-color);
+
+ &::before {
+ border-right:13px solid var(--dark-bg-color);
+ }
+ }
+ }
+ }
+ .bg-lighten03 {
+ background-color: var(--dark-bg-color);
+ }
+ .tpd-tooltip {
+ .tpd-content-relative-padder {
+ background-color: var(--dark-bg-color);
+ .content {
+ .button-group {
+ .edu-btn {
+ color: var(--color-white) !important;
+ }
+ }
+ }
+ }
+ }
+ .course-area-1 {
+ .edu-course-widget {
+ background-color: var(--bg-color-2);
+ }
+ }
+ .course-area-4 {
+ background-color: var(--dark-bg-color);
+ }
+ .course-area-7 {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+ }
+ .shape-group {
+ li {
+ img {
+ opacity: .65;
+ }
+ }
+ }
+ }
+ // course details demo area
+ .pv-course-details-area {
+ background-color: var(--dark-bg-color);
+ &::before {
+ display: none;
+ }
+ }
+ .pv-courses-demo {
+ .shape-group {
+ li {
+ &.shape-2 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ }
+ }
+ .course-sidebar-2 {
+ background-color: var(--dark-bg-color);
+ }
+ .course-sidebar-3 {
+ .edu-course-widget {
+ background-color: var(--bg-color-2);
+ &.widget-course-summery {
+ .thumbnail {
+ .play-btn {
+ background-color: var(--color-white);
+
+ &:hover {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ }
+ .edu-blog-widget {
+ background-color: var(--bg-color-2);
+ }
+ }
+ .edu-course-widget {
+ background-color: var(--bg-color-2);
+ }
+ .course-curriculam {
+ .course-lesson {
+ ul {
+ li {
+ background-color: var(--dark-color-bg-body);
+ color: var(--color-white);
+
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ .course-review {
+ .rating-box {
+ background: var(--bg-color-2);
+ }
+ .review-wrapper {
+ .progress {
+ background-color: var(--bg-color-2);
+ }
+ }
+ .comment-form-area {
+ .rating-icon {
+ .rating {
+ i {
+ color: var(--dark-footer-text);
+ }
+ }
+ }
+ }
+ }
+ .course-details-area {
+ .entry-content {
+ .thumbnail {
+ .video-play-btn {
+ background-color: var(--color-white);
+ color: var(--color-secondary);
+
+ &:hover {
+ background-color: var(--color-secondary);
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ .course-details-content {
+ .course-enroll-box {
+ background-color: var(--bg-color-2);
+ }
+ .entry-content {
+ .course-meta {
+ li {
+ &::after {
+ background-color: var(--color-extra10);
+ }
+ }
+ }
+ }
+ }
+ .tag-list {
+ a {
+ &:Hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ .edu-blog-widget {
+ &.widget-action {
+ .inner {
+ background-color: var(--dark-color-bg-body);
+
+ &::before {
+ background-image: url(../images/others/dark-shape-21.png);
+ }
+ }
+ }
+ }
+ .course-details-3 {
+ .course-curriculam {
+ .edu-accordion {
+ .course-lesson {
+ .reading-status {
+ .title {
+ color: var(--color-white);
+ }
+ .complete-text {
+ span {
+ color: var(--color-white);
+
+ &::after {
+ background-color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ .accordion-item {
+ border: 1px solid var(--dark-color-border);
+ .accordion-button {
+ &::after {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ /*-------------------------
+ Campus Styles
+ --------------------------*/
+ .edu-campus-area {
+ .campus-image-gallery {
+ .shape-2 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ .campus-content {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ @media #{$large-mobile} {
+ background-color: transparent;
+ }
+ .shape-5 {
+ span {
+ opacity: 0.1;
+ }
+ }
+ }
+ }
+
+ /*-------------------------
+ Copyright Styles
+ --------------------------*/
+ .footer-lighten {
+ .copyright-area {
+ background-color: var(--dark-color-bg-body);
+ a {
+ color: var(--color-primary);
+ }
+ }
+ p,
+ li,
+ a {
+ color: var(--color-title);
+ }
+ }
+
+ /*-------------------
+ Event Dark Styles
+ ---------------------*/
+ .edu-event {
+ .inner {
+ .content {
+ background-color: var(--bg-color-2);
+
+ }
+ }
+ }
+ .event-area-3 {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);
+ }
+ .edu-event-list {
+ background-color: var(--bg-color-2);
+
+ &:hover:not(.event-list-2) {
+ .content {
+ .title {
+ color: var(--color-white);
+ a {
+ &:hover {
+ color: rgba(255,255,255,0.8);
+ }
+ }
+ }
+ .event-meta {
+ li {
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ .event-location {
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ p {
+ color: var(--color-white);
+ }
+ .edu-btn {
+ color: var(--color-heading) !important;
+ &:hover {
+ color: var(--color-white) !important;
+ }
+ }
+ }
+ }
+ &.bg-style-primary {
+ .content {
+ .edu-btn {
+ &.btn-medium {
+ &:hover {
+ color: var(--color-heading) !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ img {
+ opacity: .65;
+ }
+ }
+ }
+ }
+ .edu-event-list {
+ background-color: transparent;
+ }
+
+ /*-------------------
+ Features Dark Styles
+ ---------------------*/
+ .features-box {
+ .content {
+ p {
+ color: var(--color-title);
+ }
+ }
+ &.features-style-2 {
+ .content {
+ .title {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.features-style-4 {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-primary-style {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-secondary-style {
+ &:hover {
+ .icon{
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra05-style {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra08-style {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra02-style {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra03-style {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra04-style {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .features-area-1 {
+ .features-box {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ &:hover {
+ .icon {
+ svg {
+ path {
+ stroke: var(--color-white);
+ }
+ }
+ }
+ }
+ .content {
+ p {
+ color: var(--color-title);
+ }
+ }
+ }
+ }
+ .features-area-3 {
+ .features-grid-wrap {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ }
+ }
+
+ /*-------------------
+ FAQ Dark Styles
+ ---------------------*/
+ .faq-accordion {
+ .accordion-item {
+ background-color: var(--bg-color-2);
+ color: var(--color-white);
+ .accordion-button {
+ color: var(--color-white);
+
+ &::before {
+ color: var(--color-white);
+ }
+ &.collapsed {
+ color: var(--color-white);
+
+ &::before {
+ color: var(--color-white);
+ }
+ }
+ }
+ .accordion-body {
+ background-color: var(--bg-color-2);
+ }
+ }
+ }
+ .edu-faq-gallery {
+ .shape-group {
+ li {
+ &.shape-4 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ }
+ }
+ .faq-style-2 {
+ background-color: var(--dark-bg-color);
+ &::before {
+ display: none;
+ }
+ .edu-faq-gallery {
+ .shape-group {
+ .shape-3,
+ .shape-5 {
+ img {
+ filter: opacity(0.08);
+ }
+ }
+ .shape-6 {
+ img {
+ filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(310deg) brightness(54%) contrast(36%);
+ }
+ }
+ }
+ }
+ }
+ .faq-style-3 {
+ .edu-faq-gallery {
+ .thumbnail-1 {
+ background-color: var(--color-white);
+ }
+ }
+ }
+ .faq-style-4 {
+ .faq-accordion {
+ .accordion-item {
+ .accordion-button {
+ color: var(--color-white);
+
+ &::before {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ .faq-page-tab-content {
+ &::after {
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ }
+ }
+
+ /*-------------------
+ Footer Dark Styles
+ ---------------------*/
+ .edu-footer {
+ .footer-dark {
+ .widget-title {
+ color: var(--color-white);
+ }
+ }
+ &.footer-style-1 {
+ background-color: var(--bg-color-2);
+ .footer-top {
+ .edu-footer-widget {
+ .logo {
+ a {
+ img {
+ &.logo-light {
+ display: none;
+ }
+ &.logo-dark {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ }
+ }
+ .copyright-area {
+ background-color: var(--dark-color-bg-body);
+ }
+ }
+
+ &.footer-style-2 {
+ background-color: var(--bg-color-2);
+ .footer-top {
+ .edu-footer-widget {
+ .logo {
+ a {
+ img {
+ &.logo-light {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ &.footer-style-3 {
+ background-color: var(--dark-color-bg-body);
+ .edu-footer-widget {
+ .logo {
+ a {
+ img {
+ &.logo-light {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ .widget-title {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.footer-style-6 {
+ background: var(--dark-color-bg-body);
+ .footer-top {
+ .edu-footer-widget {
+ .widget-title {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+
+ .edu-footer-widget {
+ .footer-link {
+ li {
+ a {
+ color: var(--color-title);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ .logo {
+ a {
+ img {
+ &.logo-light {
+ display: none;
+ }
+
+ &.logo-dark {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ .input-group {
+ .form-control {
+ color: var(--color-white);
+ background-color: var(--dark-color-border);
+ }
+ }
+ .inner {
+ .input-group {
+ .btn-secondary {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ &.footer-kindergarten {
+ .copyright-area {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(2142%) hue-rotate(173deg) brightness(95%) contrast(89%);
+ }
+ }
+ }
+ }
+ .footer-for-kitchen,
+ .footer-for-yoga {
+ .edu-footer-widget {
+ .inner {
+ .description {
+ color: var(--color-title);
+ }
+ .widget-information {
+ ul {
+ li {
+ color: var(--color-title);
+ span {
+ color: var(--color-white);
+ }
+ a {
+ color: var(--color-title);
+
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ li {
+ a {
+ color: var(--color-title);
+
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ .copyright-area {
+ background-color: var(--dark-color-bg-body);
+ border-top: 1px solid #262626;
+ }
+ }
+
+ /*-------------------
+ Header Dark Styles
+ ---------------------*/
+ .header-action {
+ li {
+ &.icon {
+ a {
+ .count {
+ color: var(--color-white);
+ }
+ }
+ a.search-trigger,
+ a.cart-icon,
+ button.search-trigger {
+ color: var(--color-white);
+ }
+ }
+ }
+ .header-btn {
+ a {
+ color: var(--color-white);
+ }
+ }
+ .search-bar {
+ .input-group {
+ border: 1px solid #333a44;
+
+ .form-control {
+ background: transparent;
+ }
+ }
+ }
+ }
+ .header-style-2 {
+ .header-top {
+ .header-info {
+ li {
+ &::after {
+ background-color: #30302f;
+ }
+ a {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .header-mainmenu {
+ .header-right {
+ &::after {
+ background-color: var(--dark-color-border);
+ }
+ }
+ }
+ }
+ .header-style-3 {
+ .header-top-bar {
+ background-color: var(--dark-color-bg-body);
+ }
+ .header-mainmenu {
+ .header-right {
+ &::after {
+ background-color: var(--color-extra09);
+ }
+ }
+ }
+ .header-top {
+ .header-info {
+ li {
+ a {
+ &:hover {
+ color: var(--color-secondary);
+ }
+ &.edu-btn {
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .edu-header {
+ &.header-style-4 {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
+ }
+ &::after {
+ filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);
+ }
+
+ .header-mainmenu {
+ background-color: transparent;
+ &.edu-sticky {
+ background-color: var(--bg-color-2);
+ }
+ .header-navbar {
+ .header-right {
+ .header-action {
+ .search-bar {
+ .input-group {
+ input[type="text"] {
+ background: transparent;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .header-mainmenu {
+ background-color: var(--bg-color-2);
+ }
+ &.pv-header-style {
+ .header-mainmenu {
+ background-color: transparent;
+ &.edu-sticky {
+ background-color: var(--bg-color-2);
+ }
+ }
+ }
+ .header-category {
+ border-left: 1.5px solid var(--dark-color-border);
+ border-right: 1.5px solid var(--dark-color-border);
+ }
+ .header-brand {
+ img {
+ &.logo-light {
+ display: none;
+ }
+
+ &.logo-dark {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ .header-top-bar {
+ background-color: var(--dark-color-bg-body);
+ }
+ .header-top {
+ .header-notify {
+ color: var(--color-white);
+ }
+ .header-info {
+ li {
+ a {
+ color: var(--color-white);
+ &:hover {
+ color: var(--color-secondary);
+ }
+ }
+ &.header-btn {
+ .edu-btn {
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .social-icon {
+ a {
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ // Mobile Menu
+ .popup-mobile-menu {
+ .mainmenu {
+ li {
+ a {
+ color: var(--color-white);
+ }
+ & + li {
+ border-top: 1px solid var(--dark-color-border);
+ }
+ }
+ }
+ .inner {
+ background: var(--dark-color-bg-body);
+ .header-top {
+ border-bottom: 1px solid var(--dark-color-border);
+ .logo {
+ a {
+ img {
+ &.logo-light {
+ display: none;
+ }
+
+ &.logo-dark {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ .close-menu {
+ .close-button {
+ background: var(--dark-color-border);
+ }
+ }
+ }
+ }
+ }
+
+ // Nav
+ .mainmenu-nav {
+ .mainmenu {
+ > li > a {
+ color: var(--color-white);
+ }
+ li {
+ &.has-droupdown {
+ .submenu {
+ background-color: #02060d;
+ li {
+ a {
+ color: var(--color-title);
+ }
+ }
+ }
+ ul {
+ box-shadow: var(--shadow-darker);
+ }
+ .mega-sub-menu-01 {
+ box-shadow: none;
+ }
+ }
+ ul {
+
+ &.mega-menu {
+ background-color: #02060d;
+ >li {
+ border-right: 1px solid #191d22;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ //Search
+ .edu-search-popup {
+ .content-wrap {
+ background-color: rgb(40, 47, 58);
+ .search-form {
+ border-bottom: 1px solid #646465;
+ }
+ }
+ .site-logo {
+ img {
+ &.logo-light {
+ display: none;
+ }
+
+ &.logo-dark {
+ display: inline-block;
+ }
+ }
+ }
+ .inner {
+ .search-form {
+ input {
+ background: transparent;
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Hero Banner Dark Styles
+ ---------------------*/
+ .hero-banner {
+ .banner-thumbnail {
+ .instructor-info {
+ .inner {
+ background-color: var(--color-white);
+ box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
+ .title {
+ color: var(--color-black);
+ }
+ .media {
+ .content {
+ color: var(--color-black);
+ }
+ }
+ }
+ }
+ }
+ &.presentation-hero-style {
+ &::before {
+ background-image: url(../images/bg/dark-bg-image-27.png);
+ }
+ .banner-content {
+ &::after,
+ &::before {
+ border: 1px solid #242424;
+ }
+ }
+ }
+ &.hero-style-1 {
+
+ &::before {
+ filter: opacity(.1);
+ }
+ }
+ &.hero-style-2 {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);
+ }
+ }
+ &.hero-style-3 {
+ .banner-content {
+ .title {
+ color: var(--color-white);
+ }
+ p {
+ color: var(--color-white);
+ }
+ }
+ }
+ &.hero-style-4 {
+ clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
+ background: var(--dark-bg-color);
+
+ .scroll-down-btn {
+ bottom: -100px;
+
+ @media #{$sm-layout} {
+ bottom: -10px;
+ }
+ .scroll-btn {
+ background-color: rgba(255, 255, 255, 0.05);
+
+ &::before,
+ &::after {
+ border: 1px solid rgba(255, 255, 255, 0.05);
+ }
+ }
+ }
+ &::before {
+ display: none;
+ }
+ .shape-group {
+ li {
+ &.shape-1{
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ &.shape-7 {
+ img {
+ filter: opacity(0.05);
+ }
+ }
+ &.shape-3,
+ &.shape-5 {
+ img {
+ filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(313deg) brightness(59%) contrast(36%);
+ }
+ }
+ }
+ }
+ .banner-gallery {
+ .online-support {
+ .inner {
+ .content {
+ .title {
+ a {
+ color: var(--color-black);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ &.hero-style-5 {
+ .banner-thumbnail {
+ .thumbnail {
+ background-color: var(--color-white);
+ }
+ .shape-group {
+ .shape-1 {
+ img {
+ filter: opacity(0.08);
+ }
+ }
+ }
+ }
+ }
+ &.hero-style-6 {
+ .banner-thumbnail {
+ .shape-group {
+ .shape-1 {
+ img {
+ filter: opacity(0.08);
+ }
+ }
+ }
+ }
+ }
+ &.hero-style-7 {
+ background: var(--dark-bg-color);
+
+ .shape-group {
+ z-index: 1;
+ li {
+ img {
+ opacity: .65;
+ }
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Instagram Dark Styles
+ ---------------------*/
+ .instagram-grid {
+ a {
+ &::after {
+ background-color: var(--color-black);
+ }
+ .user-info {
+ color: var(--color-white);
+ }
+ }
+ }
+
+ /*-------------------
+ Shop Dark Styles
+ ---------------------*/
+ .pv-shop-area {
+ background-color: var(--dark-bg-color);
+ &::before {
+ display: none;
+ }
+ }
+ .pv-inner-page-area {
+ background: var(--dark-bg-color);
+
+ &::before {
+ display: none;
+ }
+ }
+ .pv-cta-area {
+ background-color: var(--dark-color-bg-body);
+ &::before {
+ background-image: url(../images/bg/dark-bg-imgae-26.png);
+ }
+ .cta-content {
+ .title {
+ color: var(--color-white);
+ }
+ }
+ }
+
+ /*-------------------
+ Team Dark Styles
+ ---------------------*/
+ .team-share-info {
+ li {
+ a {
+ color: var(--color-white);
+ border: 2px solid var(--color-white);
+
+ &:hover {
+ color: var(--color-primary);
+ background: var(--color-white);
+ }
+ }
+ }
+ }
+ .edu-team-grid {
+ &.team-style-1 {
+ &:hover {
+ .team-share-info {
+ li {
+ &:first-child {
+ a {
+ background-color: var(--color-white);
+ border-color: transparent;
+ }
+ }
+ }
+ }
+ }
+ }
+ &.team-style-2 {
+ &::after {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ }
+ }
+ &.team-style-3 {
+ .content {
+ .title {
+ a {
+ color: var(--color-heading);
+ }
+ }
+ }
+ }
+ &.team-style-4{
+ .content {
+ .title {
+ background-color: var(--bg-color-2);
+ color: var(--color-white);
+ }
+ .designation {
+ background-color: var(--bg-color-2);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.team-style-5 {
+ .content {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ .title {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .team-area-6 {
+ .shape-group {
+ .shape-1,
+ .shape-2,
+ .shape-3 {
+ img {
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ }
+ }
+ }
+ }
+ .edu-team-details-area {
+ .team-details-content {
+ .main-info {
+ .team-meta {
+ li {
+ &::after {
+ background-color: #6a6a6a;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Testimonial Dark Styles
+ ---------------------*/
+ .testimonial-grid {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+
+ p {
+ color: var(--color-title);
+ }
+ .thumbnail {
+ .qoute-icon {
+ color: var(--color-white);
+ border: 4px solid var(--color-white);
+ }
+ }
+ }
+ .testimonial-area-2 {
+ .testimonial-slide {
+ .content {
+ box-shadow: none;
+ }
+ }
+ .shape-group {
+ .shape-1 {
+ img {
+ filter: opacity(0.06);
+ }
+ }
+ }
+ &.edu-section-gap {
+ .shape-group {
+ .shape-3 {
+ img {
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ }
+ }
+ }
+ }
+ }
+ .testimonial-area-3 {
+ .shape-group {
+ li {
+ &.shape-5 {
+ bottom: 150px;
+ img {
+ filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(344deg) brightness(100%) contrast(104%);
+ }
+ }
+ }
+ }
+ }
+ .testimonial-slide {
+ .content {
+ background-color: var(--bg-color-2);
+ p {
+ color: var(--color-title);
+ }
+ }
+ }
+ .testimonial-area-4 {
+ .shape-group {
+ li {
+ &.shape-2 {
+ img {
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ }
+ }
+ }
+ }
+ .slick-arrow-nav {
+ .slick-arrow {
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .testimonial-area-6 {
+ &::before {
+ background: var(--dark-bg-color);
+ }
+ .testimonial-slide {
+ .content {
+ background-color: transparent;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-3 {
+ span {
+ border: 1px solid var(--color-extra10);
+ }
+ }
+ }
+ }
+ }
+ .testimonial-area-8 {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(3887%) hue-rotate(188deg) brightness(92%) contrast(102%);
+ }
+ }
+ .testimonial-coverflow {
+ .testimonial-grid {
+ &::before {
+ background-color: var(--dark-color-bg-body);
+ }
+ }
+ }
+
+ /*-------------------
+ Video Dark Styles
+ ---------------------*/
+ .video-area-1 {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(4%) sepia(83%) saturate(1113%) hue-rotate(182deg) brightness(92%) contrast(101%);
+ }
+ }
+ .video-gallery {
+ .thumbnail {
+ .video-play-btn {
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .video-banner-content {
+ .video-play-btn {
+ i {
+ color: var(--color-white);
+ }
+ }
+ .title {
+ color: var(--color-white);
+ }
+ }
+ .video-gallery {
+ .content {
+ background-color: var(--dark-color-bg-body);
+ }
+ }
+
+ /*--------------------------
+ why-choose-us Dark Styles
+ ----------------------------*/
+ .why-choose-area-1 {
+ .thumbnail {
+ &.thumbnail-2 {
+ img {
+ background-color: var(--color-white);
+ }
+ }
+ }
+ .why-choose-content {
+ .features-list {
+ .features-box {
+ &.color-secondary-style,
+ &.color-primary-style,
+ &.color-extra05-style {
+ &:hover {
+ .icon {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ }
+ .why-choose-area-2 {
+ background-color: var(--dark-color-bg-body);
+ }
+ .why-choose-area-4 {
+ .shape-group {
+ li {
+ &.shape-2 {
+ span {
+ border: 1px solid var(--color-extra10);
+ }
+ }
+ }
+ }
+ }
+ .why-choose-box-3 {
+ &.features-box {
+ .icon {
+ color: var(--color-white);
+ }
+ .content {
+ background-color: var(--bg-color-2);
+ }
+ }
+ }
+
+ /*----------------------------------------
+ Coming Soon/Gallery/Pagination Dark Styles
+ ------------------------------------------*/
+ .coming-soon-page-area {
+ background: var(--dark-bg-color);
+ &::before {
+ filter: opacity(.2);
+ }
+ .coming-soon-content {
+ .title {
+ background: var(--gradient-primary);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+ .input-group {
+ background-color: var(--bg-color-2);
+ .form-control {
+ color: var(--color-white);
+ }
+ }
+ }
+ .coming-countdown {
+ .countdown-section {
+ &::after {
+ color: var(--color-white);
+ }
+ }
+ .countdown-number {
+ color: var(--color-white);
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1,
+ &.shape-2 {
+ img {
+ filter: opacity(0.5);
+ }
+ }
+ }
+ }
+ }
+ .edu-gallery-grid {
+ .zoom-icon {
+ background-color: var(--color-white);
+ }
+ }
+ .edu-pagination {
+ li {
+ &.active {
+ a {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Section Dark Styles
+ ---------------------*/
+ .section-title {
+ .pre-title {
+ color: var(--color-title);
+ }
+ p {
+ color: var(--color-title);
+ }
+ }
+ .section-title-flex {
+ .left-content {
+ &::after {
+ background-color: var(--color-extra10);
+ }
+ }
+ }
+ .social-share {
+ li {
+ a{
+ color: var(--color-white);
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .pricing-table {
+ background-color: var(--bg-color-2);
+
+ .pricing-header {
+ border-bottom: 1px solid var(--dark-color-border) !important;
+ }
+ }
+ .login-form-box {
+ background-color: var(--bg-color-2);
+ }
+ select {
+ border: 1px solid var(--dark-color-border);
+ background: url(../images/icons/Down-Arrow.png) 88% center no-repeat transparent;
+
+ }
+ .edu-product {
+ .inner {
+ > .thumbnail {
+ .product-hover-info {
+ ul {
+ li {
+ a {
+ background-color: var(--bg-color-2);
+
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .pro-qty {
+ input {
+ color: var(--color-white);
+ }
+ }
+ .product-details-area {
+ .content {
+ .product-action {
+ .add-to-cart-btn {
+ .wishlist-btn {
+ &:hover {
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .cart-table {
+ th,
+ td {
+ border-bottom: 1px solid var(--dark-color-border) !important;
+ }
+ tbody {
+ td {
+ color: var(--color-title);
+ }
+ }
+ }
+ .cart-update-btn-area {
+ .product-cupon {
+ border: 1px solid var(--dark-color-border);
+ .submit-btn {
+ color: var(--color-white);
+ }
+ }
+ input[type="text"] {
+ background-color: transparent;
+ }
+ .update-btn {
+ .edu-btn {
+ &.disabled {
+ opacity: 1;
+ }
+ }
+ }
+ }
+ .order-summery {
+ tbody {
+ td {
+ border-color: var(--dark-color-border) !important;
+ }
+ }
+ }
+ .checkout-billing {
+ .form-group {
+ input,
+ textarea {
+ border-color: var(--dark-color-border);
+ background-color: transparent;
+ }
+ select {
+ background: url(../images/icons/Down-Arrow.png) 88% center no-repeat transparent;
+ }
+ }
+ }
+ .order-payment {
+ .payment-method {
+ background-color: var(--bg-color-2);
+ }
+ .form-group {
+ border-bottom: 1px solid var(--dark-color-border);
+
+ &:last-child {
+ border-bottom: none;
+ }
+ }
+ }
+ .cls-1 {
+ fill: var(--color-white);
+ }
+ .edu-accordion {
+ .accordion-item {
+ .accordion-button {
+ color: var(--color-white);
+ background-color: var(--dark-color-bg-body);
+ }
+ }
+ }
+ blockquote {
+ background-color: var(--bg-color-2);
+ }
+ .contact-form {
+ &.form-style-2 {
+ background-color: var(--bg-color-2);
+ box-shadow: none;
+ }
+ }
+ .event-details {
+ .details-content {
+ .event-meta {
+ li {
+ &::after {
+ background-color: var(--dark-color-border);
+ }
+ }
+ }
+ }
+ }
+ .error-page-area {
+ .shape-group {
+ .shape-1 {
+ img {
+ filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);
+ }
+ }
+ }
+ }
+ .privacy-policy {
+ ul {
+ li {
+ color: var(--color-title);
+ }
+ }
+ }
+ .course-overview {
+ ul {
+ li {
+ color: var(--color-title);
+ }
+ }
+ }
+ .product-description-content {
+ .comment-form {
+ .form-group {
+ input,
+ textarea {
+ background: transparent;
+ }
+ }
+ }
+ }
+ .comment-form {
+ .form-group {
+ input,
+ textarea {
+ box-shadow: none;
+ border: 1px solid var(--dark-color-border);
+ background: transparent;
+ }
+ .edu-form-check {
+ label {
+ &::before {
+ background-color: transparent;
+ }
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Button Dark Styles
+ ---------------------*/
+ .wishlist-btn {
+ background: transparent;
+
+ &.btn-outline-dark {
+ border: 1px solid var(--dark-color-border);
+ &:hover {
+ color: var(--color-white);
+ border-color: var(--color-secondary);
+ background-color: var(--color-secondary);
+ }
+ }
+ i {
+ color: var(--color-white);
+ }
+ }
+
+ .btn-icon-round {
+ color: var(--color-white);
+
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ a{
+ &.edu-btn {
+ &.btn-secondary {
+ color: var(--color-white);
+
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .isotop-button {
+
+ button {
+ &:hover,
+ &.is-checked {
+ color: var(--color-white);
+ }
+ }
+ }
+ a {
+ &.edu-btn {
+ &.btn-border {
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Form Dark Styles
+ ---------------------*/
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="number"],
+ input[type="tel"],
+ textarea {
+ background-color: transparent;
+ }
+ .contact-form-area {
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="number"],
+ input[type="tel"],
+ textarea {
+ border: 1px solid var(--dark-color-border);
+ }
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ ~label {
+ color: var(--color-title);
+ }
+ }
+
+ input[type="checkbox"] ~ label::before,
+ input[type="radio"] ~ label::before {
+ border: 1px solid var(--dark-color-border);
+ color: var(--color-white);
+ }
+ input[type="checkbox"] ~ label::after,
+ input[type="radio"] ~ label::after {
+ color: var(--color-white);
+ }
+ input[type="checkbox"]:checked ~ label::before,
+ input[type="radio"]:checked ~ label::before {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+ }
+ .login-form-box {
+ .chekbox-area {
+ .edu-form-check {
+ label {
+ &::before {
+ background-color: transparent;
+ }
+ }
+ }
+ }
+ }
+
+ /*-------------------
+ Swiper Slider Dark Styles
+ ---------------------*/
+ .swiper-navigation {
+ .swiper-btn-nxt,
+ .swiper-btn-prv {
+ background-color: transparent;
+ color: var(--color-white);
+
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ .blog-style-4 {
+ .swiper-navigation {
+ .swiper-btn-nxt,
+ .swiper-btn-prv {
+ background-color: var(--bg-color-2);
+ color: var(--color-white);
+
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_form.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_form.scss
new file mode 100644
index 00000000..c492cba1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_form.scss
@@ -0,0 +1,196 @@
+/*-------------------------
+ Forms Styles
+-------------------------*/
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+input,
+select,
+textarea {
+ width: 100%;
+ transition: 0.3s;
+}
+
+input {
+ height: 60px;
+}
+
+select {
+ transition: 0.3s;
+ height: 50px;
+ padding: 10px 20px;
+ outline: none;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ border: 0 none;
+ border-radius: 3px;
+ color: var(--color-heading);
+ font-family: var(--font-secondary);
+ font-size: 15px;
+ font-weight: 600;
+ background: url(../images/icons/arrow-icon.png) 88% center no-repeat transparent;
+ background-color: var(--color-lighten01);
+ min-width: 160px;
+ cursor: pointer;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="number"],
+input[type="tel"],
+textarea {
+ font-size: 15px;
+ background-color: var(--color-white);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ padding: 0 25px;
+ outline: none;
+ border: none;
+ border-radius: 5px;
+ color: var(--color-heading);
+
+ /* -- Placeholder -- */
+ &::placeholder {
+ color: var(--color-placeholder);
+ /* Firefox */
+ opacity: 1;
+ }
+
+ &:-ms-input-placeholder {
+ /* Internet Explorer 10-11 */
+ color: var(--color-placeholder);
+ opacity: 1;
+ }
+
+ &::-ms-input-placeholder {
+ /* Microsoft Edge */
+ color: var(--color-placeholder);
+ opacity: 1;
+ }
+
+ &:focus {
+ border-color: var(--color-primary);
+ }
+}
+
+
+textarea {
+ padding: 20px 25px;
+}
+
+// Custom Checkbox and radio button
+input[type="checkbox"],
+input[type="radio"] {
+ opacity: 0;
+ position: absolute;
+ ~label {
+ position: relative;
+ font-size: 15px;
+ line-height: 26px;
+ color: var(--color-heading);
+ padding-left: 32px;
+ cursor: pointer;
+ margin-bottom: 0;
+ &::before {
+ content: " ";
+ position: absolute;
+ top: 4px;
+ left: 0;
+ width: 17px;
+ height: 17px;
+ // background-color: #fff;
+ border: 1px solid #d2d5d6;
+ border-radius: 2px;
+ transition: all .3s;
+ }
+ &::after {
+ content: "\e913";
+ font-family: var(--font-icomoon);
+ font-size: 10px;
+ color: var(--color-white);
+ position: absolute;
+ top: 0;
+ left: 4px;
+ opacity: 0;
+ transition: all .3s;
+ }
+ }
+
+ &:checked {
+ ~label {
+ &::before {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+ }
+ &::after {
+ opacity: 1;
+ }
+ }
+ }
+}
+
+input[type="radio"] {
+ ~label {
+ padding-left: 30px;
+ &::before {
+ border: 1px solid #dcdfe0;
+ border-radius: 50%;
+ }
+ &::after {
+ content: "";
+ height: 7px;
+ width: 7px;
+ top: 9px;
+ left: 5px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ }
+ }
+ &:checked {
+ ~label {
+ &::before {
+ background-color: var(--color-white);
+ border-color: #dcdfe0;
+ }
+ }
+ }
+}
+
+/*--------------------
+ Contact Form
+----------------------*/
+.form-group {
+ margin-bottom: 20px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ label {
+ color: var(--color-heading);
+ margin-bottom: 8px;
+ }
+ .submit-btn {
+ padding: 0 35px;
+ }
+}
+
+.form-message {
+ margin-bottom: 0;
+ text-align: center;
+
+ &.error {
+ margin-top: 20px;
+ color: #f80707;
+ }
+
+ &.success {
+ margin-top: 20px;
+ color: #0d8d2d;
+ }
+}
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_reset.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_reset.scss
new file mode 100644
index 00000000..9a537150
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_reset.scss
@@ -0,0 +1,344 @@
+/*-------------------------
+ Reset Styels
+-------------------------*/
+
+* {
+ box-sizing: border-box;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+nav,
+section,
+summary {
+ display: block;
+}
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+[hidden] {
+ display: none;
+}
+
+
+a {
+ display: inline-block;
+ color: var(--color-heading);
+ text-decoration: none;
+ outline: none;
+}
+
+
+a:hover,
+a:focus,
+a:active {
+ text-decoration: none;
+ outline: none;
+ color: var(--color-primary);
+}
+
+a:focus {
+ outline: none;
+}
+address {
+ margin: 0 0 24px;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+mark {
+ background: var(--color-primary);
+ color: #ffffff;
+}
+code,
+kbd,
+pre,
+samp {
+ font-size: var(--font-size-b3);
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ color: var(--color-primary);
+}
+kbd ,
+ins{
+ color: #ffffff;
+}
+
+
+
+
+pre,
+pre.wp-block-code {
+ font-family: "Courier 10 Pitch", Courier, monospace !important;
+ font-size: 15px !important;
+ margin: 40px 0 !important;
+ overflow: auto;
+ padding: 20px !important;
+ white-space: pre !important;
+ white-space: pre-wrap !important;
+ word-wrap: break-word !important;
+ color: var(--color-body) !important;
+ background: var(--color-light);
+ border-radius: 4px;
+}
+
+
+small {
+ font-size: smaller;
+}
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+
+dl {
+ margin-top: 0;
+ margin-bottom: 10px;
+}
+
+dd {
+ margin: 0 15px 15px;
+}
+dt {
+ font-weight: bold;
+ color: var(--color-heading);
+}
+
+menu,
+ol,
+ul {
+ margin: 16px 0;
+ padding: 0 0 0 40px;
+}
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+li>ul,
+li>ol {
+ margin: 0;
+}
+
+ol {
+ ul {
+ margin-bottom: 0;
+ }
+}
+
+img {
+ -ms-interpolation-mode: bicubic;
+ border: 0;
+ vertical-align: middle;
+ max-width: 100%;
+ height: auto;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+figure {
+ margin: 0;
+}
+form {
+ margin: 0;
+}
+fieldset {
+ border: 1px solid var(--color-border);
+ margin: 0 2px;
+ min-width: inherit;
+ padding: 0.35em 0.625em 0.75em;
+}
+legend {
+ border: 0;
+ padding: 0;
+ white-space: normal;
+}
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%;
+ margin: 0;
+ max-width: 100%;
+ vertical-align: baseline;
+}
+
+button,
+input {
+ line-height: normal;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+ cursor: pointer;
+}
+
+button[disabled],
+input[disabled] {
+ cursor: default;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ padding: 0;
+}
+
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+ appearance: textfield;
+ padding-right: 2px;
+ width: 270px;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+ appearance: none;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+textarea {
+ overflow: auto;
+ vertical-align: top;
+}
+caption,
+th,
+td {
+ font-weight: normal;
+}
+table thead th {
+ font-weight: 700;
+}
+
+td,
+.wp-block-calendar tfoot td {
+ border: 1px solid var(--color-border);
+ padding: 7px 10px;
+}
+del {
+ color: #333;
+}
+
+ins {
+ background: rgba(56, 88, 246, 0.6);
+ text-decoration: none;
+ padding: 0 5px;
+}
+hr {
+ background-size: 4px 4px;
+ border: 0;
+ height: 1px;
+ margin: 0 0 24px;
+ opacity: 0.6;
+}
+
+
+
+
+table a,
+table a:link,
+table a:visited {
+ text-decoration: underline;
+}
+
+dt {
+ font-weight: bold;
+ margin-bottom: 10px;
+}
+
+dd {
+ margin: 0 15px 15px;
+}
+
+caption {
+ caption-side: top;
+}
+
+kbd {
+ background: var(--heading-color);
+}
+
+dfn,
+cite,
+em {
+ font-style: italic;
+}
+
+
+/* BlockQuote */
+blockquote,
+q {
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: "";
+ content: none;
+}
+
+blockquote blockquote {
+ margin-right: 0;
+}
+
+blockquote cite,
+blockquote small {
+ font-size: var(--font-size-b3);
+ font-weight: normal;
+}
+
+blockquote strong,
+blockquote b {
+ font-weight: 700;
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_rtl.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_rtl.scss
new file mode 100644
index 00000000..12797cf7
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_rtl.scss
@@ -0,0 +1,2320 @@
+html[dir="rtl"]{
+ .header-top {
+ .header-top-right {
+ .header-info {
+ li {
+ padding: 14px 35px 12px 30px;
+ @media #{$lg-layout} {
+ padding: 14px 30px 12px;
+ font-size: 11px;
+ }
+ .contact {
+ position: relative;
+ margin: 0 2px 0 0;
+ transition: var(--transition);
+
+ &:hover {
+ color: var(--color-secondary);
+ }
+ }
+ .icon-phone,
+ .icon-envelope {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ right: -30px;
+ top: 10%;
+ }
+ &.header-btn {
+ .edu-btn {
+ i {
+ font-size: 16px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .header-top-left {
+ .header-notify {
+ @media #{$lg-layout} {
+ font-size: 11px;
+ }
+ }
+ }
+ .header-info {
+ li {
+ .icon-envelope,
+ .icon-phone {
+ padding-right: inherit;
+ padding-left: 10px;
+ }
+ &::after {
+ right: inherit;
+ left: 0;
+ }
+ }
+ }
+
+ }
+ .header-category .mainmenu-nav .mainmenu li {
+ margin-right: 0;
+ }
+ .edu-header .header-category .mainmenu li.has-droupdown > a i {
+ padding-right: inherit;
+ margin-left: 10px;
+ }
+ .edu-header .header-category .mainmenu li.has-droupdown > a {
+ padding: 0 20px 0 40px;
+ }
+ .header-style-2 {
+ .header-mainmenu {
+ .header-right {
+ padding-left: inherit;
+ padding-right: 50px;
+ margin-left: 10px;
+
+ &::after {
+ left: inherit;
+ right: 17px;
+ }
+ }
+ }
+ }
+ .header-style-1 {
+ .header-brand {
+ .logo {
+ margin-right: 27px;
+ @media #{$sm-layout} {
+ margin-right: 0;
+ }
+ }
+ }
+ .header-category {
+ margin-right: 30px;
+ }
+ }
+ .header-style-3 {
+ .header-brand {
+ .logo {
+ margin-right: 0;
+ }
+ }
+ .header-mainmenu {
+ .header-right {
+ padding-left: inherit;
+ padding-right: 50px;
+ margin-left: inherit;
+ margin-right: 22px;
+
+ &::after {
+ left: inherit;
+ right: 0;
+ }
+ }
+ }
+ .header-action {
+ margin: 0;
+ }
+ }
+ .header-action {
+ .search-bar {
+ .input-group {
+ .form-control {
+ padding: 0 20px 0 20px;
+ }
+ }
+ }
+ li {
+ &.icon {
+ &.cart-icon {
+ transform: rotateY(180deg);
+ }
+ }
+ }
+ }
+ .mainmenu-nav {
+ .mainmenu {
+ li {
+ &.has-droupdown {
+ > a {
+ &::after {
+ right: inherit;
+ left: 10px;
+ }
+ }
+ .submenu {
+ text-align: right;
+ left: inherit;
+ right: 0;
+ }
+ }
+ ul {
+ &.mega-menu {
+ left: inherit;
+ right: -292px;
+
+ .menu-title {
+ padding-left: 0;
+ padding-right: 100px;
+ }
+ .submenu {
+ padding: 20px 50px 0 0;
+ }
+
+ > li {
+ border-right: 1px solid var(--color-border);
+ &:first-child {
+ border-right: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .popup-mobile-menu {
+ .inner {
+ left: inherit;
+ right: -150px;
+ }
+ .mainmenu {
+ .has-droupdown {
+ > a {
+ &::after {
+ right: inherit;
+ left: 0;
+ }
+ }
+ }
+ }
+ &.active {
+ .inner {
+ left: inherit;
+ right: 0;
+ }
+ }
+ }
+ .edu-search-popup {
+ .site-logo {
+ left: inherit;
+ right: 70px;
+ }
+ .close-button {
+ right: inherit;
+ left: 62px;
+ }
+ .inner {
+ .search-form {
+ .submit-button {
+ right: inherit;
+ left: 0;
+ }
+ }
+ }
+ }
+
+ // Hero area
+
+ .hero-banner {
+ .banner-content {
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: -74px;
+ }
+ }
+ }
+ }
+ .banner-thumbnail {
+ .thumbnail {
+ text-align: left;
+ }
+
+ .instructor-info {
+ left: inherit;
+ right: 0;
+
+ .inner {
+ padding: 26px 20px 16px 30px;
+ .title {
+ margin-right: 14px;
+ }
+ .media {
+ .content {
+ margin-right: 10px;
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 0;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: 0;
+ }
+ &.shape-3 {
+ left: inherit;
+ right: 0;
+ }
+ &.shape-4 {
+ right: inherit;
+ left: 41px;
+ }
+ &.shape-5 {
+ right: inherit;
+ left: -50px;
+ }
+ &.shape-6 {
+ right: inherit;
+ left: -98px;
+ }
+ }
+ }
+ }
+ &.hero-style-1 {
+ .shape-7 {
+ right: inherit;
+ left: 0;
+ }
+ }
+ &.hero-style-2 {
+ .banner-gallery {
+ .thumbnail {
+ &.thumbnail-2 {
+ padding-left: inherit;
+ padding-right: 30px;
+
+ @media #{$md-layout} {
+ text-align: right;
+ }
+ }
+ }
+ .online-support {
+ left: inherit;
+ right: 85px;
+ .inner {
+ .icon {
+ margin-right: inherit;
+ margin-left: 15px;
+ }
+ .content {
+ text-align: right;
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ right: inherit;
+ left: 115px;
+ }
+ &.shape-2 {
+ right: inherit;
+ left: -50px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: -108px;
+ }
+ &.shape-4 {
+ left: inherit;
+ right: -12px;
+ }
+ }
+ }
+ }
+ }
+ &.hero-style-3 .swiper-slide:before {
+ background: linear-gradient(270deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 80%);
+ }
+ &.hero-style-3 .thumbnail-bg-content .banner-content {
+ right: 0;
+ left: inherit;
+ }
+ &.hero-style-3 .shape-group li.shape-1 {
+ left: inherit;
+ right: 8.2%;
+ }
+ &.hero-banner.hero-style-3 .shape-group li.shape-2 {
+ left: inherit;
+ right: 26%;
+ }
+ &.hero-style-3 .shape-group li.shape-3 {
+ left: inherit;
+ right: -153px;
+ }
+ &.hero-style-3 .hero-slider-bg-controls {
+ right: inherit;
+ left: 70px;
+ }
+ &.hero-style-3 .hero-slider-bg-controls .slide-prev {
+ right: inherit;
+ left: -70px;
+ }
+ &.hero-style-4 {
+ .banner-gallery {
+ .online-support {
+ .inner {
+ .content {
+ text-align: right;
+ }
+ .icon {
+ margin-right: inherit;
+ margin-left: 15px;
+ }
+ }
+ }
+ }
+ }
+ &.hero-style-5 {
+ .banner-thumbnail {
+ .shape-group {
+ .shape-2 {
+ left: inherit;
+ right: -22px;
+ }
+ .shape-3 {
+ right: inherit;
+ left: -16px;
+ }
+ }
+ }
+ }
+ &.hero-style-6 {
+ .banner-thumbnail {
+ .shape-group {
+ .shape-1 {
+ right: inherit;
+ left: 0;
+ }
+ .shape-2 {
+ left: inherit;
+ right: 80px;
+ }
+ .shape-3 {
+ right: inherit;
+ left: -75px;
+ }
+ .shape-4 {
+ right: inherit;
+ left: 23px;
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 250px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: 115px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: 0;
+ }
+ }
+ }
+ }
+ &.hero-style-8 {
+ .banner-content {
+ text-align: right;
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ .title {
+ @media #{$md-layout-1} {
+ padding: 0 110px;
+ }
+ @media #{$large-mobile} {
+ padding: 0 60px;
+ }
+ }
+
+ p {
+ padding-right: inherit;
+ padding-left: 90px;
+ @media #{$md-layout-1} {
+ padding-left: 0;
+ }
+ }
+ .banner-search {
+ .input-group {
+ .form-control {
+ padding: 0 20px;
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-5 {
+ left: inherit;
+ right: -240px;
+ }
+ &.shape-6 {
+ left: inherit;
+ right: -297px;
+ }
+ }
+ }
+ .banner-thumbnail {
+ margin-right: inherit;
+ margin-left: -100px;
+ @media #{$custom-lg-device-eight} {
+ margin-left: -40px;
+ }
+ @media #{$smlg-device} {
+ margin-left: 0;
+ }
+ .instructor-info {
+ right: 70px;
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ right: 162px;
+ }
+ &.shape-2 {
+ right: inherit;
+ left: -30px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: -100px;
+ @media #{$custom-lg-device-six} {
+ left: -40px;
+ }
+ }
+ &.shape-4 {
+ left: inherit;
+ right: -10px;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ //about
+ .edu-about-area {
+ .about-content {
+ .features-list {
+ li {
+ padding-left: 0;
+ padding-right: 35px;
+ &::before {
+ left: inherit;
+ right: 0;
+ }
+ }
+ }
+ }
+ .award-status {
+ right: inherit;
+ left: 70px;
+ .inner {
+ .icon {
+ margin-right: 0;
+ }
+ .content {
+ text-align: right;
+ margin-right: 15px;
+ }
+ }
+ }
+
+ &.about-style-1 {
+
+ .about-image-gallery {
+ .video-box {
+ right: inherit;
+ left: 50px;
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: -100px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: -50px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: 120px;
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ right: inherit;
+ left: -210px;
+ }
+ }
+ }
+ &.about-style-2 {
+ .about-image-gallery {
+ padding: 80px 70px 60px 0;
+
+ .author-box {
+ right: inherit;
+ left: 0px;
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: -80px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: -55px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: -5px;
+ }
+ }
+ }
+ }
+ .about-content {
+ padding-left: inherit;
+ padding-right: 80px;
+ @media #{$md-layout-1} {
+ padding-right: 0;
+ }
+ }
+ .shape-group {
+ li {
+ right: inherit;
+ left: -210px;
+ }
+ }
+ .award-status {
+ left: inherit;
+ right: -20px;
+ @media #{$custom-lg-device-eight} {
+ right: 20px;
+ }
+ @media #{$md-layout-1} {
+ right: 20px;
+ }
+ }
+ }
+ &.about-style-3 {
+ .about-content {
+ .nav-tabs {
+ .nav-item {
+ &::after {
+ top: 6px;
+ right: inherit;
+ left: -18px;
+ }
+ }
+ }
+ }
+ .about-image-gallery {
+ padding: 80px 30px 65px 0;
+ text-align: right;
+
+ .main-img-2 {
+ right: inherit;
+ left: 0;
+ @media #{$md-layout} {
+ left: 115px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ right: inherit;
+ left: 95px;
+ }
+ &.shape-2 {
+ right: inherit;
+ left: 39px;
+ }
+ &.shape-3 {
+ right: -3px;
+ left: inherit;
+ }
+ &.shape-4 {
+ right: inherit;
+ left: 40px;
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 110px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: 80px;
+ }
+ }
+ }
+ }
+ &.about-style-4 {
+ .about-image-gallery {
+ margin-right: inherit;
+ margin-left: 30px;
+ .main-img-2 {
+ right: inherit;
+ left: 0;
+ }
+ .shape-group {
+ .shape-1 {
+ right: inherit;
+ left: 85px;
+ }
+ .shape-2 {
+ right: inherit;
+ left: 31px;
+ }
+ .shape-3 {
+ left: inherit;
+ right: -32px;
+ }
+ .shape-4 {
+ right: inherit;
+ left: 70px;
+ }
+ }
+ }
+ }
+ &.about-style-5 {
+ .about-image-gallery {
+ .shape-group {
+ li {
+ &.shape-1 {
+ right: inherit;
+ left: -10px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: -80px;
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ right: inherit;
+ left: 180px;
+ }
+ }
+ }
+ .about-content {
+ padding-left: inherit;
+ padding-right: 30px;
+ }
+ }
+ &.about-style-6 {
+ .about-image-gallery {
+ .main-img-2 {
+ text-align: left;
+ }
+ .shape-group {
+ .shape-1 {
+ right: inherit;
+ left: 34px;
+ }
+ .shape-2 {
+ left: inherit;
+ right: -15px;
+ }
+ .shape-3 {
+ left: inherit;
+ right: 20px;
+ }
+ }
+ }
+ }
+ &.about-style-7 {
+ .about-image-gallery {
+ text-align: left;
+ padding: 80px 0 0 50px;
+
+ .main-img-2 {
+ left: -22px;
+ right: inherit;
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 40px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: 40px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: -10px;
+ }
+ &.shape-4 {
+ left: inherit;
+ right: 10px;
+ }
+ }
+ }
+ }
+ > .shape-group {
+ > li {
+ left: inherit;
+ right: 125px;
+ }
+ }
+ }
+ &.about-style-8 {
+ &::after {
+ left: inherit;
+ right: -70px;
+ }
+ .about-content {
+ padding-right: inherit;
+ padding-left: 40px;
+
+ .about-mission {
+ .single-item {
+ padding-right: inherit;
+ padding-left: 40px;
+ }
+ }
+ }
+ .about-image-gallery {
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: -90px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: 25px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: -70px;
+ }
+ &.shape-4 {
+ right: inherit;
+ left: -165px;
+ }
+ }
+ }
+ }
+ }
+ }
+ //brand
+ .brand-grid-wrap {
+
+ .brand-grid {
+ &:first-child {
+ border-left: none;
+ }
+ &:nth-child(4n) {
+ border-left: 1px solid #f0f0f0;
+ }
+ &:nth-child(5n) {
+ border-left: none;
+ }
+ }
+ &.brand-style-2 {
+ .brand-grid {
+ &:first-child {
+ border-right: none;
+ }
+ &:last-child {
+ border-right: 1px solid #f0f0f0;
+ }
+ &:nth-child(5n) {
+ border-right: none;
+ }
+ }
+ }
+ }
+ .brand-section-heading {
+ padding-right: inherit;
+ padding-left: 60px;
+ }
+
+ //Blog
+ .edu-blog-area {
+ &.blog-area-2 {
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 0;
+ left: inherit;
+ right: 135px;
+ @media #{$lg-layout-1} {
+ right: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ .edu-blog-area.blog-area-6 .thumbnail .date {
+ left: inherit;
+ right: 20px;
+ }
+ .edu-blog-area.blog-area-6 .edu-blog .content.position-top .read-more-btn {
+ right: inherit;
+ left: 30px;
+ }
+
+
+ .blog-meta {
+ li {
+ &::after {
+ right: inherit;
+ left: -18px;
+ @media #{$smlg-device} {
+ left: -11px;
+ }
+ }
+ i {
+ padding-right: inherit;
+ padding-left: 10px;
+ }
+ }
+ }
+ .edu-blog {
+ &.blog-style-2 {
+ &.first-large-blog {
+ .content {
+ padding-left: inherit;
+ padding-right: 110px;
+
+ .blog-date {
+ left: auto;
+ right: 0;
+ }
+ }
+ }
+ .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+ @media #{$large-mobile} {
+ margin-left: 0;
+ }
+ }
+ .blog-date {
+ right: inherit;
+ left: 0;
+ border-radius: 60px 60px 60px 14px;
+ }
+ }
+ }
+ .edu-blog-widget {
+ &.widget-latest-post {
+ .latest-post {
+ .thumbnail {
+ margin-right: inherit;
+ margin-left: 20px;
+ }
+ }
+ }
+ }
+ .edu-blog {
+ &.blog-style-list {
+ .thumbnail {
+ margin-right: inherit;
+ margin-left: 40px;
+ }
+ }
+ .content {
+ &.position-top {
+ .read-more-btn {
+ right: inherit;
+ left: 30px;
+ }
+ }
+ }
+ }
+ blockquote {
+ padding: 35px 120px 35px 40px;
+ &::after {
+ left: inherit;
+ right: 40px;
+ }
+ }
+ .blog-details-content {
+ .blog-tags,
+ .blog-share {
+ .title {
+ margin-right: inherit;
+ margin-left: 12px;
+ }
+ }
+ ul {
+ padding-left: inherit;
+ margin-right: 20px;
+ }
+ }
+ .blog-author {
+ .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+ }
+ }
+ .blog-pagination-list {
+ a {
+ i {
+ margin-right: inherit;
+ margin-left: 20px;
+ }
+ }
+ }
+ //campus
+ .edu-campus-area {
+ .campus-content {
+ margin-left: inherit;
+ margin-right: -120px;
+ @media #{$smlg-device} {
+ margin-right: 0;
+ }
+ .features-box {
+ text-align: right;
+
+ .icon {
+ margin-right: inherit;
+ margin-left: 20px;
+ }
+ }
+ .shape-4 {
+ right: inherit;
+ left: -158px;
+ }
+ .shape-5 {
+ right: inherit;
+ left: -64px;
+ }
+ .shape-6 {
+ right: inherit;
+ left: -28px;
+ }
+ }
+ .campus-image-gallery {
+ .shape-1 {
+ left: inherit;
+ right: -235px;
+ }
+ .shape-2 {
+ left: inherit;
+ right: -144px;
+ }
+ .shape-3 {
+ left: inherit;
+ right: -85px;
+ }
+ }
+ }
+ //counterup
+ .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: none;
+ border-left: 0.8px solid var(--color-border);
+ @media #{$small-mobile} {
+ border-left: none;
+ }
+ }
+ .edu-counterup.counterup-style-3:after {
+ right: inherit;
+ left: -15px;
+ }
+ .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
+ border-right: none;
+ border-left: 0.8px solid var(--color-border);
+ @media #{$small-mobile} {
+ border-left: none;
+ }
+ }
+ .counterup-area-7 {
+ .counterup-content {
+ padding-right: inherit;
+ padding-left: 80px;
+ }
+ .counterup-box-wrap {
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: -90px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: -15px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: -90px;
+ }
+ &.shape-4 {
+ right: inherit;
+ left: 30px;
+ }
+ }
+ }
+ }
+ }
+ // Features area
+ .features-box {
+ &.features-style-2 {
+ text-align: right;
+ padding: 30px 0;
+ border-left: 1px solid rgba(255, 255, 255, 0.15);
+ border-right: 0;
+ padding-left: inherit;
+ padding-right: 40px;
+
+ @media #{$md-layout-1} {
+ &:nth-child(2) {
+ border-left: none;
+ }
+ }
+
+ &:last-child {
+ border-left: none;
+ }
+ .content {
+ padding: 0 20px 0 0;
+ }
+ }
+ &.features-style-3 {
+ text-align: right;
+ &:first-child {
+ padding-left: inherit;
+ padding-right: 50px;
+ }
+
+ .icon {
+ margin-right: inherit;
+ margin-left: 20px;
+ }
+ }
+ &.features-style-4 {
+ text-align: right;
+
+ .icon {
+ margin-right: inherit;
+ margin-left: 30px;
+ }
+ }
+ }
+
+ .edu-cta-banner-area-6 .thumbnail img {
+ margin-left: inherit;
+ margin-right: 60px;
+ }
+ .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-01 {
+ left: inherit !important;
+ right: -8px !important;
+ }
+ .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-02 {
+ left: inherit !important;
+ right: -64px !important;
+ }
+ .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-03 {
+ left: inherit !important;
+ right: 28% !important;
+ }
+ .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-04 {
+ right: 29% !important;
+ left: inherit !important;
+ }
+ .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-05 {
+ right: inherit !important;
+ left: -251px !important;
+ }
+ .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-06 {
+ right: inherit !important;
+ left: -32% !important;
+ }
+
+ //categories
+ .categorie-grid {
+ &.categorie-style-2 {
+ text-align: right;
+ }
+ }
+ .categorie-area-4 {
+ .categorie-grid {
+ text-align: right;
+ .icon {
+ margin: 0 0 0 20px;
+ }
+ }
+ }
+
+ //Course
+ .edu-course {
+ .thumbnail {
+ .time-top {
+ right: inherit;
+ left: 10px;
+ }
+ }
+ .content {
+ .course-rating {
+ .rating-count {
+ margin-left: 0;
+ margin-right: 10px;
+ }
+ }
+ .course-meta {
+ li {
+ margin-right: 0;
+
+ &:last-child {
+ margin-right: 22px;
+ }
+
+ &::after {
+ right: inherit;
+ left: -25px;
+ }
+ i {
+ margin-right: inherit;
+ margin-left: 7px;
+ }
+ }
+ }
+ }
+ .course-hover-content {
+ .content {
+ .wishlist-btn {
+ right: inherit;
+ left: 10px;
+ }
+ }
+ }
+ &.course-style-4 {
+ .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+ @media #{$large-mobile} {
+ margin-left: 0;
+ }
+
+ .time-top {
+ left: inherit;
+ right: 10px;
+ }
+ }
+ }
+ &.course-style-5 {
+ .content {
+ .price-round {
+ right: inherit;
+ left: 30px;
+ }
+ }
+ }
+ &.course-style-6 {
+ .thumbnail {
+ .price-round {
+ right: inherit;
+ left: 20px;
+ }
+ }
+ .content {
+ .course-meta {
+ li {
+ &:last-child {
+ margin-right: 25px;
+ }
+ }
+ }
+ }
+ }
+ &.course-style-7 {
+ .thumbnail {
+ .course-price {
+ right: inherit;
+ left: 30px;
+ }
+ }
+ .content {
+ .course-meta {
+ li {
+ &:last-child {
+ margin-right: 20px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .course-area-8 .edu-course.course-style-4::after {
+ background: linear-gradient(-270deg, #31b978 0%, #1ab69d 100%);
+ }
+ .course-area-8 .course-style-4 .thumbnail .time-top {
+ left: inherit !important;
+ right: 0;
+ }
+ .course-area-8 .shape-group li.shape-1 {
+ left: inherit;
+ right: -280px;
+ }
+ .course-area-8 .shape-group li.shape-2 {
+ left: inherit;
+ right: -660px;
+ }
+ .course-area-8 .shape-group li.shape-3 {
+ right: inherit;
+ left: -101px;
+ }
+ .course-area-8 .shape-group li.shape-4 {
+ right: inherit;
+ left: -100px;
+ }
+ .course-area-8 ul .section-title {
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ }
+ .edu-cta-banner-area-6 .section-title.section-left {
+ @media #{$md-layout-1} {
+ text-align: center;
+ padding: 70px 110px;
+ }
+ @media #{$large-mobile} {
+ padding: 50px 60px;
+ }
+ }
+ .course-layout-five-tooltip-content {
+ .content {
+ .course-meta {
+ li {
+ margin-right: inherit;
+ margin-left: 25px;
+ &::after {
+ right: inherit;
+ left: -17px;
+ }
+ }
+ }
+ .course-feature {
+ ul {
+ li {
+ padding-left: inherit;
+ padding-right: 28px;
+ &::before {
+ left: inherit;
+ right: 0;
+ margin-right: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ .home-four-course {
+ .shape-group {
+ .shape-1 {
+ right: inherit;
+ left: -88px;
+ }
+ .shape-2 {
+ right: inherit;
+ left: -406px;
+ }
+ }
+ }
+
+ //event
+ .edu-event-area {
+ .edu-event {
+ .thumbnail {
+ .event-time {
+ left: inherit;
+ right: 10px;
+ }
+ }
+ .content {
+ .event-date {
+ right: inherit;
+ left: 30px;
+ }
+ .event-meta {
+ li {
+ i {
+ padding-right: inherit;
+ padding-left: 10px;
+ }
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: -81px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: -190px;
+ }
+ }
+ }
+ &.event-area-1 {
+ .edu-event-list {
+ &.event-list-2 {
+ .content {
+ padding-left: 0;
+ padding-right: 40px;
+
+ @media #{$sm-layout} {
+ padding-right: 0;
+ }
+
+ .event-meta {
+ li {
+ i {
+ padding-right: inherit;
+ padding-left: 10px;
+ }
+ }
+ }
+ .event-location {
+ i {
+ padding-right: inherit;
+ padding-left: 10px;
+ }
+ }
+ }
+ }
+ }
+ }
+ &.event-area-3 {
+ .edu-event-list {
+ .content {
+ padding-left: inherit;
+ padding-right: 28px;
+
+ .event-meta {
+ li {
+ i {
+ padding-right: 0;
+ }
+ }
+ }
+
+ .event-location {
+ i {
+ padding-right: inherit;
+ padding-left: 10px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .event-details-area {
+ .event-details {
+ .details-content {
+ ul {
+ padding-left: inherit;
+ padding-right: 20px;
+ }
+ .event-meta {
+ padding-right: 0;
+ li {
+ &::after {
+ right: inherit;
+ left: -20px;
+ }
+ i {
+ padding-right: inherit;
+ padding-left: 10px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .edu-course-widget {
+ &.widget-course-summery {
+ .content {
+ .course-item {
+ li {
+ i {
+ padding-right: inherit;
+ padding-left: 15px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .countdown {
+ .countdown-section {
+ margin-right: inherit;
+ margin-left: 15px;
+ }
+ }
+
+ .edu-breadcrumb-area {
+ .course-meta {
+ li {
+ &::after {
+ right: inherit;
+ left: -20px;
+ }
+ i {
+ padding-right: inherit;
+ padding-left: 14px;
+ }
+ }
+ .course-rating {
+ .rating {
+ margin-left: 8px;
+ }
+ }
+ }
+ &.breadcrumb-style-3 {
+ .breadcrumb-inner {
+ .page-title {
+ .title {
+ text-align: right;
+ }
+ }
+ }
+ }
+ &.breadcrumb-style-4 {
+ .page-title {
+ .title {
+ width: 52%;
+ }
+ }
+ }
+ }
+ .edu-course-widget {
+ &.widget-course-summery {
+ .content {
+ .course-item {
+ li {
+ svg {
+ margin-right: inherit;
+ margin-left: 15px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .course-overview {
+ ul {
+ li {
+ padding-left: inherit;
+ padding-right: 30px;
+ &::after {
+ left: inherit;
+ right: 0;
+ }
+ }
+ }
+ }
+ .course-curriculam {
+ .course-lesson {
+ ul {
+ li {
+ .text {
+ i {
+ margin-right: inherit;
+ margin-left: 8px;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .course-instructor {
+ .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+ }
+ }
+ .course-details-content {
+ .entry-content {
+ .course-meta {
+ li {
+ &::after {
+ right: inherit;
+ left: -20px;
+ }
+
+ i {
+ padding-right: inherit;
+ padding-left: 14px;
+ }
+ }
+ .course-rating {
+ .rating {
+ margin-right: inherit;
+ margin-left: 8px;
+ }
+ }
+ }
+ }
+ .course-enroll-box {
+ .single-item {
+ &::after {
+ right: inherit;
+ left: 0;
+ @media #{$sm-layout} {
+ height: 1px;
+ width: 100%;
+ bottom: 0;
+ top: auto;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ }
+ }
+ }
+ }
+ .course-details-3 {
+ .course-curriculam {
+ .edu-accordion {
+ .accordion-item {
+ .accordion-button {
+ text-align: right;
+ padding: 30px 60px 30px 71px;
+
+ &::after {
+ right: inherit;
+ left: 47px;
+ }
+ &::before {
+ left: inherit;
+ right: 30px;
+ }
+ .expand {
+ right: inherit;
+ left: 30px;
+ }
+ }
+ }
+ .course-lesson {
+ .reading-status {
+ padding: 22px 30px 20px 30px;
+ .title {
+ i {
+ margin-right: inherit;
+ margin-left: 15px;
+ }
+ }
+ .complete-text {
+ span {
+ &::after {
+ right: inherit;
+ left: -12px;
+ }
+ &:last-child {
+ margin-right: 20px;
+ }
+ }
+ }
+ }
+ ul {
+ li {
+ padding: 14px 100px 14px 40px;
+
+ &::before {
+ left: inherit;
+ right: 70px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .course-review {
+ .comment-form-area {
+ .rating-icon {
+ .title {
+ margin-right: inherit;
+ margin-left: 22px;
+ }
+ }
+ }
+ .border-box {
+ .rating-box {
+ margin: 30px 30px;
+ }
+ }
+ }
+
+ //Faq
+
+ .faq-accordion {
+ .accordion-item {
+ .accordion-button {
+ &::before {
+ right: inherit;
+ left: 30px;
+ }
+ }
+ }
+ }
+ .edu-faq-area {
+ &.faq-style-1 {
+ .edu-faq-content {
+ .shape-group {
+ li {
+ &.shape-1 {
+ right: inherit;
+ left: -145px;
+ }
+ &.shape-2 {
+ right: inherit;
+ left: -165px;
+ }
+ }
+ }
+ }
+ .edu-faq-gallery {
+ .thumbnail-1,
+ .thumbnail-3 {
+ text-align: left;
+ }
+ .thumbnail-1 {
+ img {
+ border-radius: 120px 120px 120px 0;
+ }
+ }
+ .thumbnail-4 {
+ img {
+ border-radius: 50px 0 120px 120px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 44%;
+ }
+ &.shape-2 {
+ left: -10px;
+ right: inherit;
+ }
+ &.shape-3 {
+ left: inherit;
+ right: -7px;
+ }
+ &.shape-4 {
+ left: inherit;
+ right: -45px;
+ }
+ }
+ }
+ }
+ }
+ &.faq-style-2 {
+ .edu-faq-gallery {
+ .shape-group {
+ .shape-1 {
+ left: inherit;
+ right: -35px;
+ }
+ .shape-2 {
+ left: inherit;
+ right: 210px;
+ }
+ .shape-3 {
+ right: inherit;
+ left: -22px;
+ }
+ .shape-4 {
+ right: inherit;
+ left: -58px;
+ }
+ .shape-5 {
+ left: inherit;
+ right: -50px;
+ }
+ .shape-6 {
+ left: inherit;
+ right: 90px;
+ }
+ }
+ }
+ }
+ &.faq-style-3 {
+ .edu-faq-gallery {
+ text-align: left;
+
+ .shape-group {
+ .shape-1 {
+ right: inherit;
+ left: -50px;
+ }
+ .shape-2 {
+ right: inherit;
+ left: -97px;
+ }
+ .shape-3 {
+ left: inherit;
+ right: -68px;
+ }
+ }
+ }
+ }
+ &.faq-style-4 {
+ .faq-thumbnail {
+ .shape-group {
+ li {
+ &.shape-1 {
+ right: inherit;
+ left: 20px;
+ }
+ &.shape-2 {
+ right: inherit;
+ left: -55px;
+ top: -44px;
+ }
+ &.shape-3 {
+ left: inherit;
+ right: -5px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .faq-style-5 .edu-faq-gallery .shape-group li.shape-1 {
+ left: inherit;
+ right: 3px;
+ }
+ .faq-style-5 .edu-faq-gallery .shape-group li.shape-2 {
+ right: inherit;
+ left: 147px;
+ }
+ .faq-style-5 .edu-faq-gallery .shape-group li.shape-3 {
+ left: inherit;
+ right: -122%;
+ bottom: -10px;
+ }
+ .faq-style-5 .edu-faq-content .shape-group li.shape-1 {
+ right: inherit;
+ left: -145px;
+ }
+ .faq-style-5 .edu-faq-content .shape-group li.shape-2 {
+ right: inherit;
+ left: -165px;
+ }
+ .faq-page-nav {
+ padding-right: inherit;
+ padding-left: 60px;
+ @media #{$large-mobile} {
+ padding-left: 0;
+ }
+ .nav-tabs {
+ .nav-link {
+ padding-right: 30px;
+ &::after {
+ top: 4px;
+ right: 0;
+ left: inherit;
+ transform: rotateY(180deg);
+ }
+ }
+ }
+ }
+
+ //section
+ .section-title {
+ &.section-left {
+ text-align: right;
+ }
+ }
+
+ //testimonial
+ .testimonial-grid {
+ &::after {
+ right: inherit;
+ left: -12px;
+ transform: rotateY(180deg);
+ }
+ .thumbnail {
+ .qoute-icon {
+ right: inherit;
+ left: -12px;
+ transform: rotateY(180deg);
+ }
+ }
+ }
+ .testimonial-heading-area {
+ padding-right: 0;
+ padding-left: 50px;
+ }
+ .testimonial-slide {
+ .author-info {
+ .thumb {
+ margin-right: inherit;
+ margin-left: 20px;
+ }
+ }
+ }
+ .testimonial-area-2 {
+ .shape-group {
+ .shape-1 {
+ right: inherit;
+ left: -75px;
+ }
+ .shape-2 {
+ right: inherit;
+ left: -106px;
+ }
+ .shape-3 {
+ bottom: inherit;
+ top: 300px;
+ }
+ }
+ }
+ .testimonial-area-3 .shape-group li.shape-5 {
+ bottom: inherit;
+ top: 144px;
+ }
+ .testimonial-area-4 {
+ .swiper-navigation {
+ text-align: right;
+
+ .swiper-btn-prv,
+ .swiper-btn-nxt {
+ transform: rotateY(180deg);
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 42%;
+ }
+ &.shape-2 {
+ right: inherit;
+ left: 12%;
+ }
+ }
+ }
+ }
+ .testimonial-area-6 {
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: -100px;
+ }
+ &.shape-2 {
+ right: inherit;
+ left: -94px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: -250px;
+ }
+ }
+ }
+ .swiper-pagination {
+ text-align: left;
+ }
+ }
+ .testimonial-area-8 {
+ .testimonial-slide {
+ .author-info {
+ .thumb {
+ margin-left: 0;
+ }
+ }
+ }
+ }
+
+
+ //team
+ .edu-team-grid {
+ &.team-style-1 {
+ .team-share-info {
+ right: inherit;
+ left: 20px;
+ }
+ }
+ &.team-style-3 {
+ .content {
+ left: inherit;
+ right: 30px;
+ text-align: right;
+ }
+ }
+ &.team-style-4 {
+ .content {
+ text-align: right;
+ margin-left: inherit;
+ margin-right: 30px;
+ }
+ }
+ }
+ .team-area-3 {
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 135px;
+ }
+ }
+ }
+ }
+ .team-details-content {
+ .main-info {
+ .team-meta {
+ li {
+ margin-right: inherit;
+ margin-left: 40px;
+
+ &::after {
+ right: inherit;
+ left: -22px;
+ }
+
+ i {
+ margin-right: inherit;
+ margin-left: 7px;
+ }
+ }
+ }
+ }
+ .contact-info {
+ ul {
+ li {
+ span {
+ min-width: 70px;
+ }
+ }
+ }
+ }
+ }
+
+
+ //footer
+ .edu-footer {
+ .edu-footer-widget {
+ &.explore-widget {
+ margin-left: 0;
+ margin-right: 65px;
+ @media #{$md-layout-1} {
+ margin-right: 0;
+ }
+ }
+ .input-group {
+ button {
+ margin-left: inherit !important;
+ margin-right: 10px !important;
+ @media #{$sm-layout} {
+ margin-right: 0 !important;
+ }
+ }
+ }
+ }
+ }
+ .edu-btn {
+ .icon-west {
+ font-size: 18px;
+ font-weight: bold;
+ top: 2px;
+ right: 4px;
+ }
+ }
+ .btn-icon-round {
+ font-size: 18px;
+ font-weight: bold;
+ }
+
+ // Why Choose Us
+ .why-choose-area-1 {
+ .features-list {
+ .features-box {
+ .content {
+ text-align: right;
+ }
+ .icon {
+ margin-right: inherit;
+ margin-left: 30px;
+ }
+ }
+ }
+ .why-choose-gallery {
+ .thumbnail {
+ &.thumbnail-1 {
+ text-align: left;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 30px;
+ }
+ &.shape-2 {
+ left: 45px;
+ right: inherit;
+ }
+ }
+ }
+ }
+
+ }
+ .why-choose-area-3 {
+ .section-title-flex {
+ .left-content {
+ margin-right: inherit;
+ margin-left: 90px;
+
+ &::after {
+ right: inherit;
+ left: -20px;
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: inherit;
+ right: 75px;
+ }
+ &.shape-2 {
+ left: inherit;
+ right: 120px;
+ }
+ &.shape-3 {
+ right: inherit;
+ left: -60px;
+ }
+ }
+ }
+ }
+ //NwewsLatter
+
+ .newsletter-form {
+ .input-group {
+ .btn-curved {
+ margin-left: inherit;
+ margin-right: 20px !important;
+ }
+ }
+ }
+
+ // pricing
+
+ .pricing-table {
+ .pricing-body {
+ .list-item {
+ li {
+ i {
+ margin-right: inherit;
+ margin-left: 10px;
+ }
+ }
+ }
+ }
+ }
+
+ //privacy
+ .privacy-policy {
+ @media #{$sm-layout} {
+ padding-right: 0;
+ }
+ ul {
+ li {
+ padding-left: inherit;
+ padding-right: 30px;
+
+ &::after {
+ left: inherit;
+ right: 0;
+ }
+ }
+ }
+ }
+
+ // Log in form
+
+ .login-form-box {
+ .form-group {
+ .password-show {
+ right: inherit;
+ left: 18px;
+ }
+ }
+ }
+
+ //shop
+ .edu-sorting-area {
+ .sorting-right {
+ .edu-sorting {
+ .icon {
+ left: inherit;
+ right: 22px;
+ }
+ .edu-select {
+ padding-left: inherit;
+ padding-right: 50px;
+ }
+ }
+ .layout-switcher {
+ margin-right: inherit;
+ margin-left: 30px;
+ label {
+ margin-right: inherit;
+ margin-left: 10px;
+ }
+ }
+ }
+ }
+ select {
+ background: url(../images/icons/arrow-icon.png) 10% center no-repeat;
+ background-color: var(--color-lighten01);
+ }
+
+ //Products
+ .product-details-area {
+ .content {
+ .product-action {
+ .add-to-cart-btn {
+ a {
+ margin-right: inherit;
+ margin-left: 10px;
+ }
+ }
+ }
+ }
+ }
+ .product-description-content {
+ .comment-form {
+ .review-rating {
+ .title {
+ margin-right: inherit;
+ margin-left: 15px;
+ }
+ }
+ }
+ }
+ .comment-list-wrapper {
+ .comment {
+ .thumbnail {
+ margin-right: inherit;
+ margin-left: 30px;
+ }
+ }
+ }
+ // contact me
+ .contact-me {
+ .thumbnail {
+ margin-right: inherit;
+ margin-left: 130px;
+ @media #{$md-layout} {
+ margin-left: 50px;
+ }
+ @media #{$sm-layout} {
+ margin-left: 0;
+ }
+ }
+ }
+
+ //Billing
+ .checkout-billing {
+ .form-group {
+ select {
+ background: url(../images/icons/arrow-icon.png) 11% center no-repeat transparent;
+ }
+ }
+ }
+ // Back to Top
+ .rn-progress-parent {
+ right: inherit;
+ left: 30px;
+ }
+ .isotop-button {
+ &.button-transparent {
+ button {
+ &::after {
+ bottom: -3px;
+ }
+ }
+ }
+ }
+
+ input[type="checkbox"] ~ label,
+ input[type="radio"] ~ label {
+ padding-left: inherit;
+ padding-right: 40px;
+
+ &::before {
+ left: inherit;
+ right: 0;
+ }
+ &::after {
+ left: inherit;
+ right: 3px;
+ }
+ }
+ .input-group {
+ .form-control {
+ text-align: right;
+ }
+ }
+ .form-group {
+ input,
+ textarea {
+ text-align: right;
+ }
+ }
+
+ .preloader-close-btn-wraper {
+ right: inherit;
+ left: 0;
+ }
+
+ //Swiper Slider
+ .swiper-testimonial-slider-wrapper {
+ .swiper-slide {
+ &.swiper-slide-visible {
+ &.swiper-slide-prev {
+ .testimonial-grid {
+ margin-right: 36px;
+ margin-left: 0px;
+ box-shadow: -40px 0px 50px 0px rgba(26, 46, 85, .1);
+ }
+ }
+ &.swiper-slide-next {
+ .testimonial-grid {
+ margin-left: 36px;
+ margin-right: 40px;
+ box-shadow: 70px 0px 50px 0px rgba(26, 46, 85, .1);
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_sal.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_sal.scss
new file mode 100644
index 00000000..98f27a60
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_sal.scss
@@ -0,0 +1,177 @@
+/*-------------------------
+ Sal Styels
+-------------------------*/
+
+/**
+ * Settings
+ */
+
+$sal-animation-duration: 0.2s !default;
+$sal-animation-delay: 0s !default;
+$sal-slide-offset: 20% !default;
+$sal-zoom-in-scale: 0.5 !default;
+$sal-zoom-out-scale: 1.1 !default;
+$sal-flip-rotate: 91deg !default;
+
+/**
+ * Easings
+ */
+
+$sal-easings: (linear: linear,
+ ease: ease,
+ ease-in: ease-in,
+ ease-out: ease-out,
+ ease-in-out: ease-in-out,
+
+ ease-in-cubic: cubic-bezier(.55, .055, .675, .19),
+ ease-out-cubic: cubic-bezier(.215, .61, .355, 1),
+ ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1),
+
+ ease-in-circ: cubic-bezier(.6, .04, .98, .335),
+ ease-out-circ: cubic-bezier(.075, .82, .165, 1),
+ ease-in-out-circ: cubic-bezier(.785, .135, .15, .86),
+
+ ease-in-expo: cubic-bezier(.95, .05, .795, .035),
+ ease-out-expo: cubic-bezier(.19, 1, .22, 1),
+ ease-in-out-expo: cubic-bezier(1, 0, 0, 1),
+
+ ease-in-quad: cubic-bezier(.55, .085, .68, .53),
+ ease-out-quad: cubic-bezier(.25, .46, .45, .94),
+ ease-in-out-quad: cubic-bezier(.455, .03, .515, .955),
+
+ ease-in-quart: cubic-bezier(.895, .03, .685, .22),
+ ease-out-quart: cubic-bezier(.165, .84, .44, 1),
+ ease-in-out-quart: cubic-bezier(.77, 0, .175, 1),
+
+ ease-in-quint: cubic-bezier(.755, .05, .855, .06),
+ ease-out-quint: cubic-bezier(.23, 1, .32, 1),
+ ease-in-out-quint: cubic-bezier(.86, 0, .07, 1),
+
+ ease-in-sine: cubic-bezier(.47, 0, .745, .715),
+ ease-out-sine: cubic-bezier(.39, .575, .565, 1),
+ ease-in-out-sine: cubic-bezier(.445, .05, .55, .95),
+
+ ease-in-back: cubic-bezier(.6, -.28, .735, .045),
+ ease-out-back: cubic-bezier(.175, .885, .32, 1.275),
+ ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55));
+
+/**
+ * Core
+ */
+
+[data-sal] {
+ transition-duration: $sal-animation-duration;
+ transition-delay: $sal-animation-delay;
+ transition-duration: var(--sal-duration, $sal-animation-duration);
+ transition-delay: var(--sal-delay, $sal-animation-delay);
+ transition-timing-function: var(--sal-easing, map-get($sal-easings, 'ease'));
+}
+
+@for $i from 4 through 40 {
+ [data-sal][data-sal-duration='#{$i * 50}'] {
+ transition-duration: #{$i * 0.05}s;
+ }
+}
+
+@for $i from 1 through 20 {
+ [data-sal][data-sal-delay='#{$i * 50}'] {
+ transition-delay: #{$i * 0.05}s;
+ }
+}
+
+@each $key,
+$value in $sal-easings {
+ [data-sal][data-sal-easing='#{$key}'] {
+ transition-timing-function: $value;
+ }
+}
+
+/**
+ * Animations
+ */
+
+// Fade
+[data-sal|='fade'] {
+ opacity: 0;
+ transition-property: opacity;
+}
+
+[data-sal|='fade'].sal-animate,
+body.sal-disabled [data-sal|='fade'] {
+ opacity: 1;
+}
+
+// Slide
+[data-sal|='slide'] {
+ opacity: 0;
+ transition-property: opacity, transform;
+}
+
+[data-sal='slide-up'] {
+ transform: translateY($sal-slide-offset);
+}
+
+[data-sal='slide-down'] {
+ transform: translateY(-$sal-slide-offset);
+}
+
+[data-sal='slide-left'] {
+ transform: translateX($sal-slide-offset);
+}
+
+[data-sal='slide-right'] {
+ transform: translateX(-$sal-slide-offset);
+}
+
+[data-sal|='slide'].sal-animate,
+body.sal-disabled [data-sal|='slide'] {
+ opacity: 1;
+ transform: none;
+}
+
+// Zoom
+[data-sal|='zoom'] {
+ opacity: 0;
+ transition-property: opacity, transform;
+}
+
+[data-sal='zoom-in'] {
+ transform: scale($sal-zoom-in-scale);
+}
+
+[data-sal='zoom-out'] {
+ transform: scale($sal-zoom-out-scale);
+}
+
+[data-sal|='zoom'].sal-animate,
+body.sal-disabled [data-sal|='zoom'] {
+ opacity: 1;
+ transform: none;
+}
+
+// Flip
+[data-sal|='flip'] {
+ backface-visibility: hidden;
+ transition-property: transform;
+}
+
+[data-sal='flip-left'] {
+ transform: perspective(2000px) rotateY(-$sal-flip-rotate);
+}
+
+[data-sal='flip-right'] {
+ transform: perspective(2000px) rotateY($sal-flip-rotate);
+}
+
+[data-sal='flip-up'] {
+ transform: perspective(2000px) rotateX(-$sal-flip-rotate);
+}
+
+[data-sal='flip-down'] {
+ transform: perspective(2000px) rotateX($sal-flip-rotate);
+}
+
+[data-sal|='flip'].sal-animate,
+body.sal-disabled [data-sal|='flip'] {
+ transform: none;
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_shortcode.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_shortcode.scss
new file mode 100644
index 00000000..5e8c6221
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_shortcode.scss
@@ -0,0 +1,693 @@
+/*==============================
+ * Shortcode
+=================================*/
+
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Spartan:wght@400;500;600;700;800&display=swap');
+
+/*--------------------------------------*/
+.container-custom,
+.container-custom-1520 {
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+.container-custom {
+ max-width: 1710px;
+}
+
+.container-custom-1520 {
+ max-width: 1520px;
+}
+
+.container,
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl,
+.container-xxl,
+.container-custom,
+.container-custom-1520 {
+ @media #{$sm-layout} {
+ padding-right: 15px;
+ padding-left: 15px;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .container {
+ max-width: 1185px;
+ }
+}
+
+/*===========================
+ Background Image
+=============================*/
+
+%liststyle {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+%transition {
+ transition: var(--transition);
+}
+
+%bgImagePosition {
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center center;
+}
+
+.bgImagePosition {
+ @extend %bgImagePosition;
+}
+
+.bg-image {
+ @extend %bgImagePosition;
+}
+
+.bg-image_fixed {
+ background-attachment: fixed !important;
+}
+
+.bg-image--1 {
+ background-image: url(../images/bg/bg-image-1.png);
+}
+
+.bg-image--2 {
+ background-image: url(../images/bg/bg-image-2.jpg);
+}
+
+.bg-image--9 {
+ background-image: url(../images/bg/bg-image-9.png);
+}
+
+.bg-image--14 {
+ background-image: url(../images/bg/bg-image-14.jpg);
+}
+
+
+.bg-image--17 {
+ background-image: url(../images/bg/bg-image-17.webp);
+}
+
+.bg-image--19 {
+ background-image: url(../images/bg/bg-image-19.webp);
+}
+
+.bg-image--21 {
+ background-image: url(../images/bg/bg-image-21.webp);
+}
+
+/*===================
+Custom Row
+======================*/
+.row--0 {
+ margin-left: -0px;
+ margin-right: -0px;
+
+ &>[class*="col"] {
+ padding-left: 0px;
+ padding-right: 0px;
+ }
+}
+
+.row--5 {
+ margin-left: -5px;
+ margin-right: -5px;
+
+ &>[class*="col"] {
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+}
+
+.row--10 {
+ margin-left: -10px;
+ margin-right: -10px;
+
+ &>[class*="col"] {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+}
+
+.row--15 {
+ margin-left: -15px;
+ margin-right: -15px;
+
+ &>[class*="col"] {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+}
+
+.row--20 {
+ margin-left: -20px;
+ margin-right: -20px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$lg-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$md-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+
+ &>[class*="col"],
+ &>[class*="col-"] {
+ padding-left: 20px;
+ padding-right: 20px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$lg-layout} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$md-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ @media #{$sm-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+ }
+}
+
+.row--25 {
+ margin-left: -25px;
+ margin-right: -25px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$lg-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$md-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+
+ &>[class*="col"],
+ &>[class*="col-"] {
+ padding-left: 25px;
+ padding-right: 25px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$lg-layout} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$md-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ @media #{$sm-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+ }
+}
+
+
+.row--30 {
+ margin-left: -30px;
+ margin-right: -30px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$lg-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$md-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+
+ &>[class*="col"],
+ &>[class*="col-"] {
+ padding-left: 30px;
+ padding-right: 30px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$lg-layout} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$md-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ @media #{$sm-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+ }
+}
+
+
+.row--35 {
+ margin-left: -35px;
+ margin-right: -35px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$lg-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$md-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+
+ &>[class*="col"],
+ &>[class*="col-"] {
+ padding-left: 35px;
+ padding-right: 35px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$lg-layout} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$md-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ @media #{$sm-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+ }
+}
+
+.row--40 {
+ margin-left: -40px;
+ margin-right: -40px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$lg-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$md-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+
+ &>[class*="col"],
+ &>[class*="col-"] {
+ padding-left: 40px;
+ padding-right: 40px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$lg-layout} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$md-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ @media #{$sm-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+ }
+}
+
+
+.row--45 {
+ margin-left: -45px;
+ margin-right: -45px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$lg-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$md-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+
+ &>[class*="col"],
+ &>[class*="col-"] {
+ padding-left: 45px;
+ padding-right: 45px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$lg-layout} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$md-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ @media #{$sm-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+ }
+}
+
+
+.row--50 {
+ margin-left: -50px;
+ margin-right: -50px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$lg-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$md-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+
+ &>[class*="col"],
+ &>[class*="col-"] {
+ padding-left: 50px;
+ padding-right: 50px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$lg-layout} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$md-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ @media #{$sm-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+ }
+}
+
+.row--60 {
+ margin-left: -60px;
+ margin-right: -60px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$lg-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$md-layout} {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: -15px !important;
+ margin-right: -15px !important;
+ }
+
+ &>[class*="col"],
+ &>[class*="col-"] {
+ padding-left: 60px;
+ padding-right: 60px;
+
+ // Responsive
+ @media #{$laptop-device} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$lg-layout} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ @media #{$md-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+
+ @media #{$sm-layout} {
+ padding-left: 15px !important;
+ padding-right: 15px !important;
+ }
+ }
+}
+
+
+// preloader
+#edublink-preloader {
+ position: fixed;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 99999999999999;
+ overflow: hidden;
+ background-image: linear-gradient(20deg, #31b978 0%, #1ab69d 100%);
+ transition: all 1.5s ease-out;
+}
+
+#edublink-preloader.loaded .preloader-close-btn-wraper {
+ bottom: 200%;
+}
+
+.preloader-close-btn-wraper {
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ padding: 30px;
+ transition: all 1.5s ease-out;
+}
+
+.preloader-close-btn-wraper .preloader-close-btn {
+ border-radius: 50px;
+ font-size: 13px;
+ padding: 4px 23px;
+ background: var(--color-black);
+ color: var(--color-white);
+ cursor: pointer;
+ height: 45px;
+ line-height: 35px;
+ border: 0;
+ text-transform: uppercase;
+ font-weight: 600;
+}
+
+.loading-spinner {
+ width: 40px;
+ height: 40px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+.preloader-spin-1 {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background-color: #FFFFFF;
+ opacity: 0.6;
+ position: absolute;
+ top: 0;
+ left: 0;
+ animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out;
+}
+
+.preloader-spin-2 {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background-color: #FFFFFF;
+ opacity: 0.6;
+ position: absolute;
+ top: 0;
+ left: 0;
+ animation: edublink-preloader-bounce-animation 2.0s infinite ease-in-out;
+ animation-delay: -1.0s;
+}
+
+@-webkit-keyframes edublink-preloader-bounce-animation {
+ 0%,
+ 100% {
+ transform: scale(0);
+ }
+ 50% {
+ transform: scale(1);
+ }
+}
+
+@keyframes edublink-preloader-bounce-animation {
+ 0%,
+ 100% {
+ transform: scale(0);
+ }
+ 50% {
+ transform: scale(1);
+ }
+}
+
+.shape-dark {
+ visibility: hidden;
+}
+.shape-light {
+ visibility: visible;
+}
+
+.dark-mode {
+ .shape-light {
+ visibility: hidden;
+ }
+}
+
+.dark-mode {
+ .shape-dark {
+ visibility: visible;
+ }
+}
+
+.d-none-shape-dark {
+ display: none;
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_spacing.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_spacing.scss
new file mode 100644
index 00000000..9c0cb14f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_spacing.scss
@@ -0,0 +1,215 @@
+/*-------------------------
+ Spacing
+-------------------------*/
+.edu-section-gap {
+ padding: 115px 0 120px;
+ @media #{$md-layout} {
+ padding: 95px 0 100px;
+ }
+ @media #{$sm-layout} {
+ padding: 75px 0 80px;
+ }
+}
+
+.gap-tb-text {
+ padding: 115px 0 112px;
+ @media #{$md-layout} {
+ padding: 95px 0 92px;
+ }
+ @media #{$sm-layout} {
+ padding: 75px 0 72px;
+ }
+}
+
+.section-gap-equal {
+ padding: 120px 0;
+ @media #{$md-layout} {
+ padding: 100px 0;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0;
+ }
+}
+
+.gap-top-text {
+ padding-top: 115px;
+ @media #{$md-layout} {
+ padding-top: 95px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 75px;
+ }
+}
+
+.gap-bottom-text {
+ padding-bottom: 112px;
+ @media #{$md-layout} {
+ padding-bottom: 92px;
+ }
+ @media #{$sm-layout} {
+ padding-bottom: 72px;
+ }
+}
+
+.gap-top-equal {
+ padding-top: 120px;
+ @media #{$md-layout} {
+ padding-top: 100px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 80px;
+ }
+}
+
+.gap-bottom-equal {
+ padding-bottom: 120px;
+ @media #{$md-layout} {
+ padding-bottom: 100px;
+ }
+ @media #{$sm-layout} {
+ padding-bottom: 80px;
+ }
+}
+
+//Large Section Specing
+
+.section-gap-large {
+ padding: 145px 0 150px;
+ @media #{$lg-layout} {
+ padding: 115px 0 120px;
+ }
+ @media #{$md-layout} {
+ padding: 95px 0 100px;
+ }
+ @media #{$sm-layout} {
+ padding: 75px 0 80px;
+ }
+}
+
+.gap-large-text {
+ padding: 145px 0 142px;
+ @media #{$lg-layout} {
+ padding: 115px 0 112px;
+ }
+ @media #{$md-layout} {
+ padding: 95px 0 92px;
+ }
+ @media #{$sm-layout} {
+ padding: 75px 0 72px;
+ }
+}
+
+.gap-large-equal {
+ padding: 150px 0;
+ @media #{$lg-layout} {
+ padding: 120px 0;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0;
+ }
+}
+
+.gap-lg-top-text {
+ padding-top: 145px;
+ @media #{$lg-layout} {
+ padding-top: 115px;
+ }
+ @media #{$md-layout} {
+ padding-top: 95px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 75px;
+ }
+}
+.gap-lg-bottom-text {
+ padding-bottom: 142px;
+ @media #{$lg-layout} {
+ padding-bottom: 112px;
+ }
+ @media #{$md-layout} {
+ padding-bottom: 92px;
+ }
+ @media #{$sm-layout} {
+ padding-bottom: 72px;
+ }
+}
+
+.gap-lg-bottom-equal {
+ padding-bottom: 150px;
+ @media #{$lg-layout} {
+ padding-bottom: 120px;
+ }
+ @media #{$md-layout} {
+ padding-bottom: 100px;
+ }
+ @media #{$sm-layout} {
+ padding-bottom: 80px;
+ }
+}
+
+.gap-lg-top-equal {
+ padding-top: 150px;
+ @media #{$lg-layout} {
+ padding-top: 120px;
+ }
+ @media #{$md-layout} {
+ padding-top: 100px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 80px;
+ }
+}
+
+.brand-section-gap {
+ padding: 85px 0;
+}
+
+
+// Margin
+.mb--10 {
+ margin-bottom: 10px;
+}
+
+.mb--20 {
+ margin-bottom: 20px;
+}
+
+.mb--30 {
+ margin-bottom: 30px;
+}
+
+.mb--40 {
+ margin-bottom: 40px;
+}
+
+.mb--50 {
+ margin-bottom: 50px !important;
+}
+
+.mb--60 {
+ margin-bottom: 60px !important;
+}
+
+.mb--90 {
+ margin-bottom: 90px !important;
+}
+.mt--50 {
+ margin-top: 50px;
+}
+
+@media only screen and (min-width: 1200px) {
+ .col-pl--35 {
+ padding-left: 35px;
+ }
+ .col-pr--35 {
+ padding-right: 35px;
+ }
+}
+
+// Padding
+.pt--50 {
+ padding-top: 50px;
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_typography.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_typography.scss
new file mode 100644
index 00000000..df3788a7
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_typography.scss
@@ -0,0 +1,356 @@
+/*-------------------------
+ Typography
+-------------------------*/
+html {
+ overflow: hidden;
+ overflow-y: auto;
+ margin: 0;
+ padding: 0;
+ font-size: 10px;
+}
+
+body {
+ overflow: hidden;
+ font-size: var(--font-size-b1);;
+ line-height: var(--line-height-b1);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-family: var(--font-primary);
+ color: var(--color-body);
+ font-weight: 400;
+ background-color: var(--color-bg-body);
+ margin: 0;
+ padding: 0;
+ &.modal-open {
+ padding: 0 !important;
+ }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+address,
+p,
+pre,
+blockquote,
+menu,
+ol,
+ul,
+table,
+hr {
+ margin: 0;
+ margin-bottom: 20px;
+}
+
+
+.display-one {
+ font-size: 112px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ word-break: break-word;
+ font-family: var(--font-secondary);
+ color: var(--color-heading);
+}
+
+h1,
+.h1 {
+ font-size: var(--h1);
+ line-height: var(--h1-lineHeight);
+}
+
+h2,
+.h2 {
+ font-size: var(--h2);
+ line-height: var(--h2-lineHeight);
+}
+
+h3,
+.h3 {
+ font-size: var(--h3);
+ line-height: var(--h3-lineHeight);
+}
+
+h4,
+.h4 {
+ font-size: var(--h4);
+ line-height: var(--h4-lineHeight);
+}
+
+h5,
+.h5 {
+ font-size: var(--h5);
+ line-height: var(--h5-lineHeight);
+}
+
+h6,
+.h6 {
+ font-size: var(--h6);
+ line-height: var(--h6-lineHeight);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+ a {
+ color: inherit;
+ transition: 0.5s;
+ }
+}
+a {
+ color: var(--color-heading);
+ transition: 0.3s;
+}
+@media #{$smlg-device} {
+ h1,
+ .h1 {
+ font-size: 44px;
+ }
+}
+@media #{$md-layout} {
+ h1,
+ .h1 {
+ font-size: 38px;
+ }
+ h2,
+ .h2 {
+ font-size: 30px;
+ }
+
+ h3,
+ .h3 {
+ font-size: 24px;
+ }
+
+ h4,
+ .h4 {
+ font-size: 18px;
+ }
+
+}
+
+
+@media #{$sm-layout} {
+ h1,
+ .h1 {
+ font-size: 34px;
+ }
+
+ h2,
+ .h2 {
+ font-size: 26px;
+ }
+
+ h3,
+ .h3 {
+ font-size: 22px;
+ }
+ h4,
+ .h4 {
+ font-size: 18px;
+ }
+}
+
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ font-weight: var(--p-bold);
+}
+
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+ font-weight: var(--p-semi-bold);
+}
+
+p {
+ font-size: var(--font-size-b1);;
+ line-height: var(--line-height-b1);
+ font-weight: 400;
+ color: var(--color-body);
+ margin: 0 0 30px;
+
+ @media #{$sm-layout} {
+ margin: 0 0 20px;
+ }
+
+ &.b1 {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+ }
+
+ &.b2 {
+ font-size: var(--font-size-b2);
+ line-height: var(--line-height-b2);
+ }
+
+}
+
+.b1 {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+}
+
+.b2 {
+ font-size: var(--font-size-b2);
+ line-height: var(--line-height-b2);
+}
+
+.table,
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 0 0 30px;
+ width: 100%;
+}
+
+table a,
+table a:link,
+table a:visited {
+ text-decoration: none;
+}
+
+cite,
+.wp-block-pullquote cite,
+.wp-block-pullquote.is-style-solid-color blockquote cite,
+.wp-block-quote cite {
+ color: var(--color-heading);
+}
+
+var {
+ font-family: "Courier 10 Pitch", Courier, monospace;
+}
+
+/*---------------------------
+ List Style
+---------------------------*/
+ul,
+ol {
+ padding-left: 18px;
+}
+
+ul {
+ list-style: square;
+ margin-bottom: 30px;
+ padding-left: 20px;
+
+ &.liststyle {
+ &.bullet {
+ li {
+ font-size: var(--font-size-b1);
+ line-height: var(--line-height-b1);
+ color: var(--color-body);
+ position: relative;
+ padding-left: 30px;
+
+ @media #{$sm-layout} {
+ padding-left: 19px;
+ }
+
+ &::before {
+ position: absolute;
+ content: "";
+ width: 6px;
+ height: 6px;
+ border-radius: 100%;
+ background: var(--color-body);
+ left: 0;
+ top: 10px;
+ }
+
+ &+li {
+ margin-top: 8px;
+ }
+ }
+ }
+ }
+
+ li {
+ font-size: var(--font-size-b1);;
+ line-height: var(--line-height-b1);
+ margin-top: 10px;
+ margin-bottom: 10px;
+ color: var(--color-body);
+ a {
+ text-decoration: none;
+ color: var(--color-body);
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ ul {
+ margin-bottom: 0;
+ }
+}
+
+ol {
+ margin-bottom: 30px;
+ li {
+ font-size: var(--font-size-b1);;
+ line-height: var(--line-height-b1);
+ color: var(--color-body);
+ margin-top: 10px;
+ margin-bottom: 10px;
+ font-weight: 400;
+ a {
+ color: var(--heading-color);
+ transition: var(--transition);
+ text-decoration: none;
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ ul {
+ padding-left: 30px;
+ }
+}
+
+hr {
+ display: block;
+ height: 0;
+ margin: 15px 0;
+ border-top: 1px solid var(--color-border);
+ background: transparent;
+}
+kbd {
+ background: var(--color-primary);
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_variable.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_variable.scss
new file mode 100644
index 00000000..0ecbfb10
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/default/_variable.scss
@@ -0,0 +1,151 @@
+/*-------------------------
+ Variables
+-------------------------*/
+:root {
+ //Themes colors
+ --color-primary: #1ab69d;
+ --color-secondary: #ee4a62;
+ --color-textSecondary: #ff5b5c;
+ --color-tertiary: #f8b81f;
+ --color-dark: #111212;
+ --color-heading: #181818;
+ --dark-color-heading: #ffffff;
+ --color-border: #e5e5e5;
+ --dark-color-border: #282f3a;
+ --color-body: #808080;
+ --gradient-primary: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);
+ --bg-color: #EAF0F2;
+ --dark-bg-color: #020b17;
+ --cta-color-bg:#F0F4F5;
+ --color-bg-body:#ffffff;
+ --dark-color-bg-body:#111822;
+ --bg-color-2: #1c242f;
+ // Typo Color
+ --color-white: #ffffff;
+ --color-black: #000000;
+ --footer-text: #181818;
+ --dark-footer-text: #808080;
+ --edu-btn-color: #ffffff;
+ --color-title: #bababa;
+
+ // Lighten Color
+
+ --color-lighten01: #f0f4f5;
+ --color-lighten02: #edf5f8;
+ --color-lighten03: #f5f1eb;
+ --color-lighten04: #f7f5f2;
+
+ // Extra Color
+ --color-extra01: #0ecd73;
+ --color-extra02: #8e56ff;
+ --color-extra03: #f92596;
+ --color-extra04: #5866eb;
+ --color-extra05: #f8941f;
+ --color-extra06: #39c0fa;
+ --color-extra07: #da04f8;
+ --color-extra08: #4664e4;
+ --color-extra09: #525151;
+ --color-extra10: #404040;
+ --color-extra11: #22272e;
+
+ // Notify Colors
+ --color-success: #3EB75E;
+ --color-danger: #FF0003;
+ --color-warning: #FF8F3C;
+ --color-info: #1BA2DB;
+ --color-placeholder: #808080;
+
+ //Social icon colors
+ --color-facebook: #1877f2;
+ --color-twitter: #1da1f2;
+ --color-youtube: #cd201f;
+ --color-linkedin: #0a66c2;
+ --color-pinterest: #E60022;
+ --color-instagram: #C231A1;
+ --color-vimeo: #00ADEF;
+ --color-twitch: #6441A3;
+ --color-discord: #7289da;
+
+ //Border-radius
+ --border-width: 2px;
+ --radius-small: 4px;
+ --radius: 10px;
+ --radius-big: 16px;
+
+
+ //Font weight
+ --p-light: 300;
+ --p-regular: 400;
+ --p-medium: 500;
+ --p-semi-bold: 600;
+ --p-bold: 700;
+ --p-extra-bold: 800;
+
+
+ //Shadows
+ --shadow-darker: 0px 10px 50px 0px rgba(26,46,85,0.1);
+ --shadow-darker2: 0px 20px 50px 0px rgba(26,46,85,0.1);
+ --shadow-dark: 0px 10px 30px 0px rgba(20,36,66,0.15);
+ --shadow-darkest: 0px 10px 30px 0px rgba(0,0,0,0.05);
+ --shadow-darker3:0px 4px 50px 0px rgba(0, 0, 0, 0.1);
+ --shadow-darker4: 0px 20px 70px 0px rgba(15, 107, 92, 0.2);
+
+ //transition easing
+ --transition: 0.3s;
+ --transition-2: 0.5s;
+ --transition-transform: transform .65s cubic-bezier(.23,1,.32,1);
+
+ //Font Family
+ --font-primary: 'Poppins', sans-serif;
+ --font-secondary: 'Spartan', sans-serif;
+ --font-icomoon: 'icomoon';
+
+ //Fonts Size
+ --font-size-b1: 15px;
+ --font-size-b2: 13px;
+
+ //Line Height
+ --line-height-b1: 1.73; //26px
+ --line-height-b2: 1.85; //24px
+
+ // Heading Font
+ --h1: 50px; //60px 700 1.2
+ --h2: 36px; //50px 700 1.39
+ --h3: 28px; // 40px 700 1.43
+ --h4: 20px; //28px 600 1.4
+ --h5: 18px; //26px 600 1.45
+ --h6: 16px; //26px 600 1.62
+
+
+ --h1-lineHeight: 1.2;
+ --h2-lineHeight: 1.39;
+ --h3-lineHeight: 1.43;
+ --h4-lineHeight: 1.4;
+ --h5-lineHeight: 1.45;
+ --h6-lineHeight: 1.62;
+
+}
+
+// Layouts Variation
+$custom-lg-device-seven: 'only screen and (min-width: 1200px)';
+$custom-lg-device-three: 'only screen and (min-width: 1750px)';
+$custom-lg-device-four: 'only screen and (min-width: 1800px)';
+$custom-lg-device-five: 'only screen and (min-width: 1900px)';
+
+$custom-lg-device-two: 'only screen and (min-width: 1401px) and (max-width: 1750px)';
+$custom-lg-device-six: 'only screen and (min-width: 1401px) and (max-width: 1650px)';
+$custom-lg-device-eight: 'only screen and (min-width: 1200px) and (max-width: 1450px)';
+
+$laptop-device: 'only screen and (min-width: 1200px) and (max-width: 1599px)';
+$custom-laptop-device: 'only screen and (min-width: 1200px) and (max-width: 1400px)';
+
+$extra-device: 'only screen and (min-width: 1600px) and (max-width: 1919px)';
+$lg-layout: 'only screen and (min-width: 992px) and (max-width: 1199px)';
+$md-layout:'only screen and (min-width: 768px) and (max-width: 991px)';
+
+$lg-layout-1:'only screen and (max-width: 1650px)';
+$smlg-device: 'only screen and (max-width: 1199px)';
+$md-layout-1:'only screen and (max-width: 991px)';
+$sm-layout:'only screen and (max-width: 767px)';
+$large-mobile: 'only screen and (max-width: 575px)';
+$small-mobile: 'only screen and (max-width: 479px)';
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_accordion.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_accordion.scss
new file mode 100644
index 00000000..ee34a871
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_accordion.scss
@@ -0,0 +1,55 @@
+/*-------------------------
+ Accordion Style
+---------------------------*/
+.edu-accordion {
+ .accordion-item {
+ margin-bottom: 30px;
+ border: 1px solid var(--color-border);
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .accordion-button {
+ font-size: 18px;
+ color: var(--color-heading);
+ font-weight: var(--p-semi-bold);
+ background-color: transparent;
+ border: none;
+ padding: 28px 30px;
+ box-shadow: none;
+ &:focus {
+ border: none;
+ box-shadow: none;
+ }
+ &:after {
+ background-image: none;
+ content: "\e95d";
+ font-family: var(--font-icomoon);
+ font-size: 22px;
+ font-weight: 500;
+ height: auto;
+ width: auto;
+
+ }
+ &.collapsed {
+ &:after {
+ content: "\e95c";
+ }
+ }
+ }
+ }
+ .accordion-body {
+ padding: 0;
+ .course-lesson {
+ border: none;
+ padding: 0;
+ ul {
+ li {
+ padding: 14px 30px;
+ &:last-child {
+ border-bottom: none;
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_backtotop.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_backtotop.scss
new file mode 100644
index 00000000..5a422d4f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_backtotop.scss
@@ -0,0 +1,106 @@
+/*-------------------------
+ Back To Top
+---------------------------*/
+@-webkit-keyframes border-transform {
+ 0%,
+ 100% {
+ border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
+ }
+
+ 14% {
+ border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
+ }
+
+ 28% {
+ border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
+ }
+
+ 42% {
+ border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
+ }
+
+ 56% {
+ border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
+ }
+
+ 70% {
+ border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
+ }
+
+ 84% {
+ border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
+ }
+}
+
+.paginacontainer {
+ height: 3000px;
+}
+
+.rn-progress-parent {
+ position: fixed;
+ right: 30px;
+ bottom: 30px;
+ height: 46px;
+ width: 46px;
+ cursor: pointer;
+ display: block;
+ border-radius: 50px;
+ box-shadow: inset 0 0 0 2px rgba(255, 71, 87, .2);
+ z-index: 10000;
+ opacity: 0;
+ visibility: hidden;
+ transform: translateY(15px);
+ -webkit-transition: all 200ms linear;
+ transition: all 200ms linear;
+
+ &.rn-backto-top-active {
+ opacity: 1;
+ visibility: visible;
+ transform: translateY(0);
+ }
+
+ &::after {
+ position: absolute;
+ font-family: 'remixicon' !important;
+ content: "\ea78";
+ text-align: center;
+ line-height: 46px;
+ font-size: 24px;
+ color: var(--color-secondary);
+ left: 0;
+ top: 0;
+ height: 46px;
+ width: 46px;
+ cursor: pointer;
+ display: block;
+ z-index: 2;
+ -webkit-transition: all 200ms linear;
+ transition: all 200ms linear;
+ }
+
+ &:hover {
+ &::after {
+ color: var(--color-secondary);
+ }
+ }
+
+ &:hover {
+ &::before {
+ opacity: 1;
+ }
+ }
+ svg {
+ path {
+ fill: none;
+ }
+ &.rn-back-circle {
+ path {
+ stroke: var(--color-secondary);
+ stroke-width: 4;
+ box-sizing: border-box;
+ -webkit-transition: all 200ms linear;
+ transition: all 200ms linear;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_breadcrumb.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_breadcrumb.scss
new file mode 100644
index 00000000..7703751d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_breadcrumb.scss
@@ -0,0 +1,303 @@
+/*-------------------------
+ Breadcrumb
+---------------------------*/
+.edu-breadcrumb-area {
+ background-color: #f5f9fa;
+ padding: 95px 0 85px;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+ @media #{$md-layout} {
+ padding: 70px 0 60px;
+ }
+ @media #{$sm-layout} {
+ padding: 55px 0 45px;
+ }
+ .breadcrumb-inner {
+ text-align: center;
+ }
+
+ .page-title {
+ .pre-title {
+ margin-bottom: 15px;
+ letter-spacing: 1px;
+ display: block;
+ }
+ .title {
+ margin-bottom: 12px;
+ @media #{$sm-layout} {
+ font-size: 30px;
+ }
+ @media #{$large-mobile} {
+ font-size: 26px;
+ }
+ }
+ }
+ .edu-breadcrumb {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ @extend %liststyle;
+ font-family: var(--font-secondary);
+ li {
+ &.breadcrumb-item {
+ color: var(--color-heading);
+ font-size: 16px;
+ font-weight: var(--p-medium);
+ a {
+ color: var(--color-heading);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ &.active {
+ font-weight: var(--p-semi-bold);
+ }
+ }
+ &.separator {
+ i {
+ font-size: 16px;
+ font-weight: var(--p-bold);
+ margin: 0 10px;
+ color: var(--color-heading);
+ position: relative;
+ display: inline-block;
+ top: 2px;
+ }
+ }
+ }
+ }
+ .course-meta {
+ @extend %liststyle;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: -20px;
+ margin-left: -20px;
+ @media #{$sm-layout} {
+ display: block;
+ margin-top: 20px;
+ }
+ li {
+ margin-right: 20px;
+ margin-left: 20px;
+ font-weight: 500;
+ color: var(--color-heading);
+ display: flex;
+ align-items: center;
+ position: relative;
+ &:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #dbdbdb;
+ position: absolute;
+ top: 4px;
+ right: -20px;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ i {
+ padding-right: 14px;
+ font-size: 24px;
+ color: var(--color-primary);
+ }
+ }
+ .course-rating {
+ .rating {
+ margin-right: 8px;
+ i {
+ font-size: 15px;
+ color: #f8b81f;
+ padding: 0;
+ }
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -315px;
+ left: -60px;
+ }
+ &.shape-2 {
+ top: 60px;
+ left: 11%;
+ }
+ &.shape-3 {
+ bottom: 120px;
+ right: 13%;
+ z-index: 1;
+ }
+ &.shape-4 {
+ top: 30px;
+ right: -180px;
+ }
+ &.shape-5 {
+ top: -70px;
+ right: -88px;
+ }
+ &.shape-1,
+ &.shape-4 {
+ height: 470px;
+ width: 470px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ }
+}
+
+.breadcrumb-style-2 {
+ position: relative;
+ z-index: 1;
+ padding: 190px 0 180px;
+ @media #{$md-layout} {
+ padding: 150px 0 140px;
+ }
+ @media #{$sm-layout} {
+ padding: 100px 0 90px;
+ }
+ @media #{$large-mobile} {
+ padding: 80px 0 70px;
+ }
+ &:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0,0,0, .6);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ }
+ .page-title {
+ width: 70%;
+ margin: 0 auto;
+ @media #{$sm-layout} {
+ width: 100%;
+ }
+ .title {
+ color: var(--color-white);
+ }
+ }
+ .edu-breadcrumb {
+ li {
+ &.breadcrumb-item {
+ color: var(--color-white);
+ a {
+ color: var(--color-white);
+ }
+ }
+ &.separator {
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+}
+
+.breadcrumb-style-3 {
+ padding: 5px 0 90px;
+ @media #{$md-layout} {
+ padding: 5px 0 70px;
+ }
+ @media #{$sm-layout} {
+ padding: 5px 0 70px;
+ }
+ .breadcrumb-inner {
+ text-align: left;
+ .page-title {
+ width: 55%;
+ @media only screen and (max-width: 991px) {
+ width: 100%;
+ }
+ .title {
+ font-size: 36px;
+ margin-bottom: 4px;
+ line-height: 1.4;
+ @media #{$sm-layout} {
+ font-size: 30px;
+ }
+ @media #{$large-mobile} {
+ font-size: 26px;
+ }
+ }
+ }
+ .edu-breadcrumb {
+ justify-content: flex-start;
+ margin-bottom: 55px;
+ @media #{$md-layout} {
+ margin-bottom: 40px;
+ }
+ @media #{$sm-layout} {
+ margin-bottom: 40px;
+ }
+ }
+ .course-meta {
+ justify-content: flex-start
+ }
+ }
+ .shape-group {
+ li.shape-2 {
+ left: 7%;
+ img {
+ width: 160px;
+ }
+ }
+ }
+}
+
+.breadcrumb-style-4 {
+ padding: 110px 0 105px;
+ @media #{$md-layout} {
+ padding: 80px 0;
+ }
+ @media #{$sm-layout} {
+ padding: 60px 0;
+ }
+ .page-title {
+ .title {
+ width: 75%;
+ margin: 0 auto 5px;
+ }
+ }
+ .course-meta {
+ li {
+ font-weight: 400;
+ color: var(--color-body);
+ @media #{$sm-layout} {
+ justify-content: center;
+ }
+ i {
+ font-size: 18px;
+ }
+ }
+ }
+}
+
+.breadcrumb-style-5 {
+ padding: 0;
+ padding-top: 18px;
+ background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, .3) 100%);
+ .edu-breadcrumb {
+ justify-content: flex-start;
+ margin: -10px 0;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_button.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_button.scss
new file mode 100644
index 00000000..8e46b26d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_button.scss
@@ -0,0 +1,239 @@
+/*-------------------
+ * Button
+---------------------*/
+a,
+button {
+ &.btn-transparent {
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 28px;
+ color: var(--color-textSecondary);
+ display: inline-block;
+ position: relative;
+ transition: 0.3s;
+ &::after {
+ position: absolute;
+ content: "";
+ left: auto;
+ right: 0;
+ bottom: 0;
+ width: 0;
+ height: 2px;
+ background: var(--color-primary);
+ transition: 0.3s;
+ }
+
+ i {
+ padding-left: 6px;
+ top: -1px;
+ position: relative;
+ font-size: 12px;
+ }
+ &:hover {
+ color: var(--color-primary);
+ &::after {
+ width: 100%;
+ left: 0;
+ right: auto;
+ }
+ }
+ }
+}
+
+a,
+button {
+ &.edu-btn {
+ text-align: center;
+ border-radius: 5px;
+ display: inline-block;
+ height: 60px;
+ line-height: 62px;
+ color: var(--edu-btn-color);
+ background: var(--color-primary);
+ padding: 0 30px;
+ font-size: 15px;
+ font-weight: 500;
+ transition: 0.4s;
+ font-family: var(--font-secondary);
+ border: 0 none;
+ overflow: hidden;
+ position: relative;
+ z-index: 1;
+ @media #{$sm-layout} {
+ padding: 0 20px;
+ font-size: 14px;
+ height: 50px;
+ line-height: 52px;
+ }
+ &:after {
+ content: "";
+ height: 100%;
+ width: 0;
+ background: linear-gradient(-90deg, #31b978 0%, #1ab69d 100%);
+ border-radius: 5px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+ transition: 0.4s;
+ }
+ i {
+ padding-left: 6px;
+ position: relative;
+ font-size: 11px;
+ @media #{$sm-layout} {
+ font-size: 9px;
+ }
+ }
+
+ &:hover {
+ &:after {
+ left: 0;
+ width: 100%;
+ }
+ }
+
+ &.btn-large {
+ padding: 0 40px;
+ i {
+ top: 0;
+ padding-left: 10px;
+ }
+ }
+
+ &.btn-medium {
+ height: 50px;
+ line-height: 51px;
+ padding: 0 25px;
+ }
+
+ &.btn-small {
+ height: 40px;
+ line-height: 40px;
+ padding: 0 20px;
+ font-size: 14px;
+ }
+
+ &.left-icon {
+ i {
+ padding-left: 0;
+ padding-right: 10px;
+ }
+ }
+
+ &.btn-curved {
+ border-radius: 30px 5px;
+ &:hover {
+ border-radius: 5px 30px;
+ }
+ }
+ &.curved-medium {
+ border-radius: 20px 5px;
+ padding: 0 40px;
+ &:hover {
+ border-radius: 5px 25px;
+ }
+ }
+
+ &.btn-secondary {
+ background: var(--color-secondary);
+ color: var(--color-white);
+ &:hover {
+ color: var(--color-white);
+ background: var(--color-primary);
+ }
+ }
+ &.btn-secondary1 {
+ background: var(--color-secondary);
+ color: var(--color-white);
+ &:hover {
+ color: var(--color-heading);
+ background: var(--color-white);
+ }
+ }
+ &.btn-border {
+ background-color: transparent;
+ border: 1px solid var(--color-border);
+ color: var(--color-heading);
+ padding: 0 25px;
+ &:after {
+ display: none;
+ }
+ &:hover {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+ color: var(--color-white);
+ }
+ }
+ }
+}
+
+.button-group {
+ display: flex;
+ align-items: center;
+ margin: -5px;
+ a {
+ margin: 5px;
+ }
+}
+.btn-gradient {
+ background:linear-gradient(-90deg, #31b978 0%, #1ab69d 100%) !important;
+ &::after {
+ background: linear-gradient(-90deg, #1ab69d 0%, #31b978 100%) !important;
+ }
+}
+.wishlist-btn {
+ background: rgba(255, 255, 255, 0.15);
+ width: 40px;
+ height: 40px;
+ line-height: 45px;
+ text-align: center;
+ border-radius: 50%;
+ border: 0 none;
+ transition: var(--transition);
+ i {
+ color: var(--color-white);
+ font-size: 19px;
+ transition: var(--transition);
+ }
+ &:hover {
+ background-color: var(--color-secondary);
+ }
+ &.btn-outline-dark {
+ height: 50px;
+ width: 50px;
+ line-height: 55px;
+ border: 1px solid #e5e5e5;
+ color: var(--color-heading);
+ pointer-events: all;
+ i {
+ color: var(--color-heading);
+ }
+ &:hover {
+ border-color: var(--color-secondary);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+}
+
+
+.btn-icon-round {
+ text-align: center;
+ height: 60px;
+ width: 60px;
+ line-height: 60px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ color: var(--color-white);
+ font-size: 12px;
+ &:hover {
+ color: var(--color-white);
+ background-color: var(--color-secondary);
+ }
+}
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_countdown.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_countdown.scss
new file mode 100644
index 00000000..d8b15ad9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_countdown.scss
@@ -0,0 +1,85 @@
+/*-------------------------
+Countdown
+--------------------------*/
+.countdown {
+ display: flex;
+ .countdown-section {
+ margin-right: 10px;
+ text-align: center;
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+ .countdown-number {
+ font-size: 20px;
+ font-weight: var(--p-semi-bold);
+ line-height: 1;
+ margin-bottom: 10px;
+ height: 60px;
+ width: 60px;
+ line-height: 60px;
+ text-align: center;
+ border-radius: 50%;
+ &.day {
+ background-color: rgba(26, 182, 157, .1);
+ color: var(--color-primary);
+ }
+ &.hour {
+ background-color: rgba(238, 74, 98, .1);
+ color: var(--color-secondary);
+ }
+ &.minute {
+ background-color: rgba(142, 86, 255, .1);
+ color: var(--color-extra02);
+ }
+ &.second {
+ background-color: rgba(248, 148, 31, .1);
+ color: var(--color-extra05);
+ }
+ }
+ .countdown-unit {
+ line-height: 1;
+ font-size: 15px;
+ font-weight: var(--p-medium);
+ color: var(--color-body);
+ }
+}
+
+.coming-countdown {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ .countdown-section {
+ margin: 0 30px;
+ position: relative;
+ min-width: 80px;
+ &:after {
+ content:":";
+ font-size: 30px;
+ color: var(--color-white);
+ font-weight: var(--s-bold);
+ position: absolute;
+ right: -30px;
+ top: -9px;
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ }
+ .countdown-number {
+ margin-bottom: 0;
+ font-size: 50px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ font-family: var(--font-secondary);
+ line-height: 1;
+ }
+ .countdown-unit {
+ font-size: 15px;
+ font-weight: 500;
+ color: rgba(255,255,255, .6);
+ }
+}
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_course-widget.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_course-widget.scss
new file mode 100644
index 00000000..6a23d867
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_course-widget.scss
@@ -0,0 +1,260 @@
+/*-------------------
+ Course Widget
+---------------------*/
+.edu-course-widget {
+ background-color: #f5f9fa;
+ border-radius: 5px;
+ padding: 38px 30px 20px;
+ margin-bottom: 50px;
+ @media #{$lg-layout} {
+ padding: 38px 20px 20px;
+ }
+ @media only screen and (max-width: 991px) {
+ margin-bottom: 30px;
+ }
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .widget-title {
+ margin-bottom: 0;
+ &.widget-toggle {
+ position: relative;
+ cursor: pointer;
+ &:after {
+ content: "\e91e";
+ font-family: var(--font-icomoon);
+ font-size: 6px;
+ position: absolute;
+ top: 8px;
+ right: 0;
+ transform: rotate(180deg);
+ transition: var(--transition);
+ }
+ }
+ }
+ .content {
+ padding-top: 10px;
+ .edu-form-check {
+ position: relative;
+ margin: 20px 0;
+ label {
+ span {
+ margin-left: 2px;
+ }
+ }
+ }
+ }
+ &.collapsed {
+ .widget-title {
+ &.widget-toggle {
+ &:after {
+ transform: rotate(0deg);
+ }
+ }
+ }
+ }
+ &.widget-rating {
+ .content {
+ .edu-form-check {
+ label {
+ i {
+ color: #eda803;
+ &.off {
+ color: #c8cbcc;
+ }
+ }
+ }
+ }
+ }
+ }
+ &.widget-course-summery {
+ padding: 15px;
+ .widget-title {
+ margin-bottom: 16px;
+ }
+ .thumbnail {
+ position: relative;
+ margin-bottom: 10px;
+ &:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: var(--color-black);
+ border-radius: 5px;
+ opacity: .3;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ }
+ img {
+ border-radius: 5px;
+ width: 100%;
+ }
+ .play-btn {
+ display: inline-block;
+ text-align: center;
+ width: 70px;
+ height: 70px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 50%;
+ background: var(--color-white);
+ transition: var(--transition);
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+ color: var(--color-secondary);
+ font-size: 18px;
+ i {
+ margin-left: 5px;
+ }
+ &:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ }
+ }
+ }
+ .content {
+ padding: 30px 25px 25px;
+ @media #{$lg-layout} {
+ padding: 30px 10px 25px;
+ }
+ @media #{$small-mobile} {
+ padding: 30px 10px 25px;
+ }
+ .course-item {
+ @extend %liststyle;
+ li {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-weight: 500;
+ color: var(--color-heading);
+ border-bottom: 1px solid var(--color-border);
+ padding: 15px 0;
+ margin: 0;
+ &:last-child {
+ border-bottom: none;
+ }
+ i {
+ font-size: 24px;
+ padding-right: 15px;
+ max-width: 35px;
+ }
+ svg {
+ margin-right: 15px;
+ max-width: 35px;
+ }
+ .label {
+ display: flex;
+ align-items: center;
+ font-family: var(--font-secondary);
+ }
+ .price {
+ font-size: 20px;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-secondary);
+ }
+ }
+ }
+ .read-more-btn {
+ margin-top: 24px;
+ margin-bottom: 30px;
+ .edu-btn {
+ width: 100%;
+ }
+ }
+ .share-area {
+ .title {
+ margin-bottom: 15px;
+ }
+ .social-share {
+ margin: -8px;
+ li {
+ margin: 8px;
+ a {
+ height: 40px;
+ width: 40px;
+ line-height: 40px;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.edu-course-sidebar {
+ @media #{$md-layout} {
+ margin-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ margin-bottom: 50px;
+ }
+}
+.course-sidebar-2 {
+ background-color: var(--color-white);
+ border-radius: 5px;
+ box-shadow: 0 0 40px 0 rgba(0,0,0, .07);
+ @media #{$md-layout} {
+ margin-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ margin-bottom: 50px;
+ }
+ .edu-course-widget {
+ background-color: transparent;
+ margin-bottom: 0;
+ padding-bottom: 0;
+ .inner {
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 15px;
+ }
+ &:last-child {
+ .inner {
+ border-bottom: none;
+ }
+ }
+ }
+}
+
+.course-sidebar-3 {
+ .edu-blog-widget,
+ .edu-course-widget {
+ background-color: var(--color-white);
+ border-radius: 5px;
+ box-shadow: 0px 10px 50px 0px rgba(26,46,85,.07);
+ margin-bottom: 30px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ .edu-blog-widget {
+ padding: 40px;
+ @media #{$lg-layout} {
+ padding: 40px 25px;
+ }
+ @media #{$small-mobile} {
+ padding: 40px 25px;
+ }
+ .widget-title {
+ margin-bottom: 40px;
+ }
+ }
+ @media only screen and (max-width: 991px) {
+ margin-top: 50px;
+ }
+}
+
+.sidebar-top-position {
+ @media only screen and (min-width: 992px) {
+ margin-top: -365px;
+ position: relative;
+ z-index: 2;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_pagination.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_pagination.scss
new file mode 100644
index 00000000..5d5e5e57
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_pagination.scss
@@ -0,0 +1,74 @@
+/*-------------------
+ Pagination Styles
+---------------------*/
+.edu-pagination {
+ @extend %liststyle;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-wrap: wrap;
+ padding-top: 70px;
+ li {
+ margin: 0 2px;
+ a {
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ display: block;
+ border-radius: 50%;
+ text-align: center;
+ color: var(--color-heading);
+ transition: var(--transition);
+ font-size: 18px;
+ font-weight: 600;
+ position: relative;
+ z-index: 1;
+ &:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background: var(--gradient-primary);
+ border-radius: 50%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ transition: var(--transition);
+ z-index: -1;
+ opacity: 0;
+ }
+ i {
+ font-weight: 700;
+ position: relative;
+ top: 2px;
+ }
+ }
+ &.active,
+ &:hover {
+ a {
+ color: var(--color-white);
+ &:before {
+ opacity: 1;
+ }
+ }
+ }
+ &.more-next {
+ a {
+ position: relative;
+ &:after {
+ content: ". . .";
+ font-size: 18px;
+ font-weight: 700;
+ position: absolute;
+ top: 40%;
+ left: 50%;
+ transform: translateY(-50%) translateX(-50%);
+ }
+ }
+ }
+ }
+ &.top-space-30 {
+ padding-top: 30px;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_sal.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_sal.scss
new file mode 100644
index 00000000..98f27a60
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_sal.scss
@@ -0,0 +1,177 @@
+/*-------------------------
+ Sal Styels
+-------------------------*/
+
+/**
+ * Settings
+ */
+
+$sal-animation-duration: 0.2s !default;
+$sal-animation-delay: 0s !default;
+$sal-slide-offset: 20% !default;
+$sal-zoom-in-scale: 0.5 !default;
+$sal-zoom-out-scale: 1.1 !default;
+$sal-flip-rotate: 91deg !default;
+
+/**
+ * Easings
+ */
+
+$sal-easings: (linear: linear,
+ ease: ease,
+ ease-in: ease-in,
+ ease-out: ease-out,
+ ease-in-out: ease-in-out,
+
+ ease-in-cubic: cubic-bezier(.55, .055, .675, .19),
+ ease-out-cubic: cubic-bezier(.215, .61, .355, 1),
+ ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1),
+
+ ease-in-circ: cubic-bezier(.6, .04, .98, .335),
+ ease-out-circ: cubic-bezier(.075, .82, .165, 1),
+ ease-in-out-circ: cubic-bezier(.785, .135, .15, .86),
+
+ ease-in-expo: cubic-bezier(.95, .05, .795, .035),
+ ease-out-expo: cubic-bezier(.19, 1, .22, 1),
+ ease-in-out-expo: cubic-bezier(1, 0, 0, 1),
+
+ ease-in-quad: cubic-bezier(.55, .085, .68, .53),
+ ease-out-quad: cubic-bezier(.25, .46, .45, .94),
+ ease-in-out-quad: cubic-bezier(.455, .03, .515, .955),
+
+ ease-in-quart: cubic-bezier(.895, .03, .685, .22),
+ ease-out-quart: cubic-bezier(.165, .84, .44, 1),
+ ease-in-out-quart: cubic-bezier(.77, 0, .175, 1),
+
+ ease-in-quint: cubic-bezier(.755, .05, .855, .06),
+ ease-out-quint: cubic-bezier(.23, 1, .32, 1),
+ ease-in-out-quint: cubic-bezier(.86, 0, .07, 1),
+
+ ease-in-sine: cubic-bezier(.47, 0, .745, .715),
+ ease-out-sine: cubic-bezier(.39, .575, .565, 1),
+ ease-in-out-sine: cubic-bezier(.445, .05, .55, .95),
+
+ ease-in-back: cubic-bezier(.6, -.28, .735, .045),
+ ease-out-back: cubic-bezier(.175, .885, .32, 1.275),
+ ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55));
+
+/**
+ * Core
+ */
+
+[data-sal] {
+ transition-duration: $sal-animation-duration;
+ transition-delay: $sal-animation-delay;
+ transition-duration: var(--sal-duration, $sal-animation-duration);
+ transition-delay: var(--sal-delay, $sal-animation-delay);
+ transition-timing-function: var(--sal-easing, map-get($sal-easings, 'ease'));
+}
+
+@for $i from 4 through 40 {
+ [data-sal][data-sal-duration='#{$i * 50}'] {
+ transition-duration: #{$i * 0.05}s;
+ }
+}
+
+@for $i from 1 through 20 {
+ [data-sal][data-sal-delay='#{$i * 50}'] {
+ transition-delay: #{$i * 0.05}s;
+ }
+}
+
+@each $key,
+$value in $sal-easings {
+ [data-sal][data-sal-easing='#{$key}'] {
+ transition-timing-function: $value;
+ }
+}
+
+/**
+ * Animations
+ */
+
+// Fade
+[data-sal|='fade'] {
+ opacity: 0;
+ transition-property: opacity;
+}
+
+[data-sal|='fade'].sal-animate,
+body.sal-disabled [data-sal|='fade'] {
+ opacity: 1;
+}
+
+// Slide
+[data-sal|='slide'] {
+ opacity: 0;
+ transition-property: opacity, transform;
+}
+
+[data-sal='slide-up'] {
+ transform: translateY($sal-slide-offset);
+}
+
+[data-sal='slide-down'] {
+ transform: translateY(-$sal-slide-offset);
+}
+
+[data-sal='slide-left'] {
+ transform: translateX($sal-slide-offset);
+}
+
+[data-sal='slide-right'] {
+ transform: translateX(-$sal-slide-offset);
+}
+
+[data-sal|='slide'].sal-animate,
+body.sal-disabled [data-sal|='slide'] {
+ opacity: 1;
+ transform: none;
+}
+
+// Zoom
+[data-sal|='zoom'] {
+ opacity: 0;
+ transition-property: opacity, transform;
+}
+
+[data-sal='zoom-in'] {
+ transform: scale($sal-zoom-in-scale);
+}
+
+[data-sal='zoom-out'] {
+ transform: scale($sal-zoom-out-scale);
+}
+
+[data-sal|='zoom'].sal-animate,
+body.sal-disabled [data-sal|='zoom'] {
+ opacity: 1;
+ transform: none;
+}
+
+// Flip
+[data-sal|='flip'] {
+ backface-visibility: hidden;
+ transition-property: transform;
+}
+
+[data-sal='flip-left'] {
+ transform: perspective(2000px) rotateY(-$sal-flip-rotate);
+}
+
+[data-sal='flip-right'] {
+ transform: perspective(2000px) rotateY($sal-flip-rotate);
+}
+
+[data-sal='flip-up'] {
+ transform: perspective(2000px) rotateX(-$sal-flip-rotate);
+}
+
+[data-sal='flip-down'] {
+ transform: perspective(2000px) rotateX($sal-flip-rotate);
+}
+
+[data-sal|='flip'].sal-animate,
+body.sal-disabled [data-sal|='flip'] {
+ transform: none;
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_section-title.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_section-title.scss
new file mode 100644
index 00000000..860ca54b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_section-title.scss
@@ -0,0 +1,117 @@
+/*---------------------------
+ Section Title
+----------------------------*/
+.section-title {
+ margin-bottom: 44px;
+ @media #{$sm-layout} {
+ margin-bottom: 40px;
+ }
+ .pre-title {
+ font-weight: 500;
+ display: inline-block;
+ text-transform: uppercase;
+ margin-bottom: 14px;
+ letter-spacing: 1px;
+ &.pre-textsecondary {
+ color: var(--color-secondary);
+ }
+ }
+ .title {
+ margin-bottom: 4px;
+ br {
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ }
+ .shape-line {
+ display: block;
+ color: var(--color-primary);
+ }
+ p {
+ margin-bottom: 24px;
+ margin-top: 15px;
+ }
+ &.section-left {
+ text-align: left;
+ }
+ &.section-center {
+ text-align: center;
+ }
+}
+
+
+.section-title-flex {
+ display: flex;
+ @media #{$sm-layout} {
+ display: block;
+ text-align: center;
+ }
+ .left-content {
+ flex: 1;
+ text-align: right;
+ margin-right: 90px;
+ margin-bottom: 20px;
+ position: relative;
+ @media #{$sm-layout} {
+ text-align: center;
+ margin-right: 0;
+ }
+ &:after {
+ content: "";
+ height: 83px;
+ width: 1px;
+ background-color: #e5e1dc;
+ position: absolute;
+ top: 5px;
+ right: -45px;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ }
+ .right-content {
+ flex: 1;
+ p {
+ margin: 0;
+ color: var(--color-heading);
+ }
+ }
+}
+
+.splash-title {
+ .number {
+ font-size: 60px;
+ font-weight: 700;
+ font-family: var(--font-secondary);
+ line-height: 1;
+ margin-bottom: 5px;
+ background: #31B978;
+ background: linear-gradient(to left, #31B978 0%, #1AB69D 76%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ @media #{$md-layout} {
+ font-size: 50px;
+ }
+ @media #{$sm-layout} {
+ font-size: 40px;
+ }
+ }
+ .pre-title {
+ font-size: 16px;
+ font-weight: 700;
+ background: #31B978;
+ background: linear-gradient(to left, #31B978 0%, #1AB69D 76%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+ .title {
+ font-size: 40px;
+ @media #{$md-layout} {
+ font-size: 36px;
+ }
+ @media #{$sm-layout} {
+ font-size: 30px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_social-share.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_social-share.scss
new file mode 100644
index 00000000..e1d6174d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_social-share.scss
@@ -0,0 +1,52 @@
+/*---------------------------
+ Social Share Style
+---------------------------*/
+.social-share {
+ margin: -10px;
+ padding: 0;
+ list-style: none;
+ display: flex;
+ flex-wrap: wrap;
+ li {
+ margin: 10px;
+ a {
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ width: 46px;
+ height: 46px;
+ line-height: 46px;
+ display: inline-block;
+ font-size: 16px;
+ color: var(--color-body);
+ transition: 0.3s;
+ text-align: center;
+ &:hover {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.icon-transparent {
+ margin: 0 -15px;
+ li {
+ margin: 0 15px;
+ a {
+ height: auto;
+ width: auto;
+ color: var(--color-body);
+ transition: 0.4s;
+ line-height: initial;
+ font-size: 18px;
+ border: none;
+ border-radius: 0;
+ &:hover {
+ color: var(--color-primary);
+ background-color: transparent;
+ }
+ }
+ }
+ }
+}
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_swiper.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_swiper.scss
new file mode 100644
index 00000000..d827ea0b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_swiper.scss
@@ -0,0 +1,67 @@
+/*---------------------------
+ * Swiper Styles
+----------------------------*/
+.swiper-wrapper {
+ .swiper-slide {
+ padding: 0 15px;
+ }
+}
+
+// Nav Dot Style
+
+
+
+
+// Nav Arrow Style
+.swiper-navigation {
+ .swiper-btn-nxt,
+ .swiper-btn-prv {
+ display: inline-block;
+ height: 60px;
+ width: 60px;
+ line-height: 60px;
+ border-radius: 50%;
+ margin-right: 10px;
+ font-size: 24px;
+ text-align: center;
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ transition: var(--transition);
+ @media #{$sm-layout} {
+ height: 45px;
+ width: 45px;
+ line-height: 45px;
+ font-size: 18px;
+ }
+ &:hover {
+ color: var(--color-white);
+ background: var(--gradient-primary);
+ }
+ }
+}
+.blog-gallery-activation {
+ position: relative;
+ .swiper-navigation {
+ .swiper-btn-nxt,
+ .swiper-btn-prv {
+ position: absolute;
+ top: 45%;
+ z-index: 1;
+ }
+ .swiper-btn-nxt {
+ left: 30px;
+ }
+ .swiper-btn-prv {
+ right: 20px;
+ }
+ }
+}
+.testimonial-area-4 {
+ .swiper-navigation {
+ .swiper-btn-nxt,
+ .swiper-btn-prv {
+ border: 1px solid var(--color-border);
+ }
+ }
+}
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_theme-switcher.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_theme-switcher.scss
new file mode 100644
index 00000000..4764091b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/elements/_theme-switcher.scss
@@ -0,0 +1,29 @@
+/*-------------------------
+ Theme Switcher Style
+---------------------------*/
+
+.theme-switcher {
+ position: fixed;
+ left: 0;
+ top: 200px;
+ z-index: 123;
+ background: #333;
+ border: 2px solid rgba(255, 255, 255, 0.07);
+ border-radius: 50%;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ padding: 6px 6px;
+ transition: all .3s ease-in-out;
+ -webkit-transition: all .3s ease-in-out;
+ -moz-transition: all .3s ease-in-out;
+ -ms-transition: all .3s ease-in-out;
+ -o-transition: all .3s ease-in-out;
+
+ #moon {
+ width: 25px;
+ margin-bottom: 0;
+ cursor: pointer;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/footer/_footer.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/footer/_footer.scss
new file mode 100644
index 00000000..c86c9faa
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/footer/_footer.scss
@@ -0,0 +1,510 @@
+/*-------------------------
+ Footer Styles
+-------------------------*/
+.edu-footer {
+ position: relative;
+ // z-index: 1;
+
+ .footer-top {
+ // background-color: #F0F4F5;
+ position: relative;
+ padding: 100px 0 95px;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/BG-3.png);
+ background-repeat: no-repeat;
+
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ }
+ @media #{$md-layout} {
+ padding: 80px 0;
+ }
+ @media #{$sm-layout} {
+ padding: 60px 0;
+ }
+ }
+ &.footer-style-1 {
+ background-color: #F0F4F5;
+ .footer-top {
+ .edu-footer-widget {
+ .logo {
+ a {
+ img {
+ &.logo-dark {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ &.footer-style-2 {
+ background-color: #111212;
+ .footer-top {
+ .edu-footer-widget {
+ .widget-title {
+ color: #ffffff;
+ }
+ }
+ }
+ }
+ &.footer-style-3 {
+ background-color: #111212;
+ }
+ &.footer-style-7 {
+ .footer-top {
+ &::before {
+ display: none;
+ }
+ .edu-footer-widget {
+ .logo {
+ a {
+ img {
+ &.logo-dark {
+ display: none;
+ }
+ }
+ }
+ }
+ .description {
+ color: var(--footer-text);
+ }
+ .widget-title {
+ font-weight: var(--p-bold);
+ margin-top: 12px;
+ }
+ .inner {
+ margin-top: 30px;
+ .footer-link {
+ a {
+ color: var(--footer-text);
+
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ .widget-information {
+ ul {
+ li {
+ color: var(--footer-text);
+
+ a {
+ color: var(--footer-text);
+
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ }
+ .social-share {
+ margin-top: 20px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: 100px;
+ bottom: 45px;
+ }
+ &.shape-2 {
+ right: 100px;
+ bottom: -2px;
+ }
+ }
+ }
+ }
+ .copyright-area {
+ border-top: 1px solid var(--color-border);
+ a {
+ color: var(--color-heading);
+ }
+ }
+ }
+ .description {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ }
+
+ .information-list {
+ @extend %liststyle;
+ li {
+ margin-top: 0;
+ margin-bottom: 0;
+ span {
+ font-weight: 500;
+ margin-right: 5px;
+ }
+ a {
+ transition: 0.3s;
+ }
+ & + li {
+ margin-top: 5px;
+ }
+ &:hover {
+ a {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+
+ .edu-footer-widget {
+ position: relative;
+ z-index: 1;
+ .logo {
+ a {
+ img {
+ &.logo-light {
+ display: inline-block;
+ }
+ }
+ }
+ }
+ .inner {
+ margin-top: 36px;
+ @media #{$md-layout} {
+ margin-top: 20px;
+ }
+ @media #{$sm-layout} {
+ margin-top: 20px;
+ }
+ }
+ .footer-link {
+ list-style: none;
+ padding: 0;
+ margin-bottom: 0;
+ li {
+ margin-top: 0;
+ margin-bottom: 0;
+ a {
+ display: block;
+ line-height: 26px;
+ }
+ & + li {
+ margin-top: 11px;
+ }
+ &:hover {
+ a {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ .input-group {
+ margin-bottom: 35px;
+ .form-control {
+ background-color: var(--color-white);
+ border-radius: 5px !important;
+ font-size: var(--font-size-b1);
+ font-weight: 400;
+ border: none;
+ height: auto;
+ padding: 0 15px;
+ }
+ button {
+ margin-left: 10px !important;
+ border-radius: 5px !important;
+ }
+ }
+ &.explore-widget {
+ margin-left: 65px;
+ @media #{$lg-layout} {
+ margin-left: 0;
+ }
+
+ @media #{$md-layout} {
+ margin-left: 0;
+ }
+
+ @media #{$sm-layout} {
+ margin-left: 0;
+ }
+ }
+ .input-group {
+ &.footer-subscription-form {
+ @media #{$small-mobile} {
+ flex-direction: column;
+ }
+ .form-control {
+ @media #{$small-mobile} {
+ width: 100%;
+ height: 50px;
+ margin-bottom: 20px;
+ }
+ }
+ button {
+ @media #{$small-mobile} {
+ margin-left: 0px !important;
+ }
+ }
+ }
+ }
+ }
+
+ &.footer-dark {
+ .widget-title {
+ color: var(--color-white);
+ }
+ p {
+ color: #bababa;
+ }
+ li {
+ color: #bababa;
+ }
+ a {
+ color: #bababa;
+ }
+ }
+
+ &.footer-lighten {
+ .widget-title {
+ font-weight: var(--p-bold);
+ }
+ p {
+ color: var(--footer-text);
+ }
+ li {
+ color: var(--footer-text);
+ }
+ a {
+ color: var(--footer-text);
+ }
+ }
+
+ &.footer-light {
+ p {
+ color: var(--color-heading);
+ }
+ li {
+ color: var(--color-heading);
+ }
+ a {
+ color: var(--color-heading);
+ }
+ .edu-footer-widget {
+ .input-group {
+ .form-control {
+ background-color: var(--color-lighten04);
+ }
+ }
+ }
+ }
+ &.footer-kindergarten {
+ background-color: #111212;
+ .footer-top {
+ padding: 100px 0 40px;
+
+ &::before {
+ display: none;
+ }
+ }
+ .edu-footer-widget {
+ .widget-information {
+ margin-bottom: 24px;
+ }
+ }
+ .widget-title {
+ color: var(--color-white);
+ }
+ p {
+ color: #bababa;
+ }
+ li {
+ color: #bababa;
+ }
+ a {
+ color: #bababa;
+ }
+ .copyright-area {
+ position: relative;
+ z-index: 1;
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-3.svg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ z-index: -1;
+ }
+ }
+ }
+ &.footer-for-kitchen {
+ .footer-top {
+ &::before {
+ display: none;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 45px;
+ left: 6%;
+ @media #{$lg-layout-1, $custom-lg-device-two} {
+ left: 0;
+ }
+ @media #{$custom-lg-device-eight} {
+ left: -80px;
+ }
+ }
+ &.shape-2 {
+ bottom: 30px;
+ left: 40px;
+ @media #{$lg-layout-1} {
+ left: 0;
+ }
+ @media #{$custom-lg-device-eight} {
+ left: -80px;
+ }
+ }
+ &.shape-3 {
+ bottom: -50px;
+ left: 46%;
+ }
+ &.shape-4 {
+ bottom: -10px;
+ right: 40px;
+ @media #{$lg-layout-1} {
+ right: 0;
+ }
+ @media #{$custom-lg-device-eight} {
+ right: -50px;
+ }
+ }
+ &.shape-5 {
+ top: 50px;
+ right: 6%;
+ @media #{$lg-layout-1} {
+ right: 0;
+ }
+ @media #{$custom-lg-device-eight} {
+ right: -50px;
+ }
+ }
+ }
+ }
+ }
+ &.footer-for-yoga {
+ .footer-top {
+ &::before {
+ display: none;
+ }
+ }
+ .shape-group {
+ li {
+ img {
+ opacity: .3;
+ }
+ &.shape-1 {
+ top: 45px;
+ left: 6%;
+ @media #{$lg-layout-1, $custom-lg-device-two} {
+ left: 0;
+ }
+ }
+ &.shape-2 {
+ bottom: 30px;
+ left: 40px;
+ @media #{$lg-layout-1} {
+ left: 0;
+ }
+ img {
+ opacity: .2;
+ }
+ }
+ &.shape-3 {
+ bottom: -83px;
+ left: 46%;
+ img {
+ opacity: .7;
+ }
+ }
+ &.shape-4 {
+ bottom: -10px;
+ right: 40px;
+ @media #{$lg-layout-1} {
+ right: 0;
+ }
+ img {
+ opacity: .2;
+ }
+ }
+ &.shape-5 {
+ top: 50px;
+ right: 6%;
+ @media #{$lg-layout-1} {
+ right: 0;
+ }
+ }
+ }
+ }
+ }
+ .copyright-area {
+ a {
+ color: var(--color-primary);
+ transition: background 0.2s linear;
+ &:hover {
+ background: var(--gradient-primary);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+ }
+ }
+}
+
+/*-------------------------
+ Copyright Styles
+--------------------------*/
+.copyright-area {
+ padding: 32px 0;
+ p {
+ margin-bottom: 0;
+ }
+}
+
+.footer-dark {
+ .copyright-area {
+ border-top: 1px solid #1f2020;
+ }
+}
+.footer-lighten {
+ .copyright-area {
+ background-color: #ebeff0;
+ p {
+ color: var(--color-black);
+ }
+ }
+}
+
+.footer-light {
+ .copyright-area {
+ background-color: var(--color-white);
+ border-top: 1px solid #e5e5e5;
+ p {
+ color: var(--color-heading);
+ }
+ }
+}
+
+.footer-kindergarten {
+ .copyright-area {
+ padding: 105px 0 50px;
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header-action.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header-action.scss
new file mode 100644
index 00000000..51d80176
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header-action.scss
@@ -0,0 +1,108 @@
+/*------------------------
+ Header Actions
+-------------------------*/
+.header-action {
+ @extend %liststyle;
+ display: flex;
+ align-items: center;
+ margin: 0 -20px;
+ @media #{$large-mobile} {
+ margin: 0 -10px;
+ }
+ li {
+ margin: 0 20px;
+ line-height: 1;
+ @media #{$large-mobile} {
+ margin: 0 10px;
+ }
+ &.icon {
+ a {
+ font-size: 22px;
+ color: var(--color-heading);
+ position: relative;
+ .count {
+ position: absolute;
+ top: -9px;
+ right: -10px;
+ display: block;
+ text-align: center;
+ height: 20px;
+ width: 20px;
+ line-height: 23px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ color: var(--color-white);
+ font-size: 12px;
+ font-weight: 500;
+ font-family: var(--font-secondary);
+
+ }
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ &.cart-icon {
+ margin-right: 30px;
+ @media #{$large-mobile} {
+ margin-right: 20px;
+ }
+ }
+ }
+ }
+ .search-bar {
+ @media only screen and (max-width: 1699px) {
+ display: none;
+ }
+ .input-group {
+ border: 1px solid #e5e5e5;
+ border-radius: 4px;
+ .form-control {
+ height: 50px;
+ border: none;
+ line-height: 1;
+ font-size: 15px;
+ color: var(--color-heading);
+ font-weight: 400;
+ padding: 0 0 0 20px;
+ &:focus {
+ box-shadow: none;
+ }
+ }
+ .search-btn {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: var(--color-heading);
+ padding: 0 20px;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ .header-btn {
+ @media #{$sm-layout} {
+ display: none;
+ }
+ a {
+ display: block;
+ color: var(--color-white);
+ padding: 0 30px;
+ }
+ }
+ .mobile-menu-bar {
+ .hamberger-button {
+ background-color: transparent;
+ border: none;
+ padding: 0;
+ color: var(--color-heading);
+ font-size: 15px;
+ line-height: 1;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header-top.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header-top.scss
new file mode 100644
index 00000000..8f75d2cd
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header-top.scss
@@ -0,0 +1,139 @@
+/*--------------------------
+ Header Top Styles
+--------------------------*/
+.header-top-bar {
+ background-color: #1f2432;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+}
+
+
+.header-top {
+ display: flex;
+ align-items: center;
+ @media #{$md-layout} {
+ display: block;
+ }
+ @media #{$sm-layout} {
+ display: block;
+ }
+ .header-top-left {
+ margin-right: 30px;
+ @media #{$md-layout} {
+ margin-right: 0;
+ }
+ @media #{$sm-layout} {
+ margin-right: 0;
+ }
+ }
+ .header-top-right {
+ flex: 1;
+ text-align: right;
+ }
+ .header-notify {
+ font-family: var(--font-secondary);
+ font-size: 14px;
+ color: var(--color-white);
+ a {
+ color: var(--color-secondary);
+ text-decoration: underline;
+ font-weight: 500;
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+
+ .header-info {
+ @extend %liststyle;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ flex-wrap: wrap;
+ margin: 0 -30px;
+ @media #{$md-layout} {
+ justify-content: center;
+ }
+ @media #{$sm-layout} {
+ justify-content: center;
+ margin: 0 -15px;
+ }
+ li {
+ display: inline-block;
+ margin: 0;
+ font-family: var(--font-secondary);
+ font-size: 14px;
+ color: var(--color-white);
+ padding: 14px 30px 12px;
+ position: relative;
+ @media #{$sm-layout} {
+ padding: 15px;
+ }
+ &:after {
+ content: "";
+ height: 100%;
+ width: 1px;
+ background-color: rgba(255,255,255, .1);
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ right: 0;
+ }
+ a {
+ color: var(--color-white);
+ &:hover {
+ color: var(--color-secondary);
+ }
+ }
+ i {
+ font-size: 15px;
+ color: var(--color-secondary);
+ padding-right: 10px;
+ position: relative;
+ top: 1px;
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ &.social-icon {
+ margin: 0 -12px;
+ a {
+ padding: 0 12px;
+ i {
+ color: var(--color-white);
+ transition: var(--transition);
+ padding: 0;
+ }
+ &:hover {
+ i {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ &.header-btn {
+ padding: 0 30px 0 0;
+ @media only screen and (max-width: 991px) {
+ padding: 0;
+ }
+ .edu-btn {
+ color: var(--color-white);
+ border-radius: 0;
+ overflow: visible;
+ i {
+ color: var(--color-white);
+ padding-right: 0;
+ font-size: 11px;
+ top: 0;
+ }
+ &:after {
+ border-radius: 0;
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header.scss
new file mode 100644
index 00000000..2d940bc5
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_header.scss
@@ -0,0 +1,405 @@
+/*--------------------------
+ Header Styles
+--------------------------*/
+.edu-header {
+ .header-mainmenu {
+ background-color: var(--color-white);
+ box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .05);
+ position: relative;
+ @media #{$smlg-device} {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 12px;
+ padding-bottom: 12px;
+ }
+ // z-index: 99; required, conflict issue with z-10 class
+ &.edu-sticky {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 99;
+ background-color: var(--color-white);
+ animation: headerSticky .95s ease forwards;
+ }
+ }
+ .header-navbar {
+ display: flex;
+ align-items: center;
+ @media #{$smlg-device} {
+ justify-content: space-between;
+ }
+ .header-mainnav {
+ flex: 1;
+ @media #{$smlg-device} {
+ display: none;
+ }
+ }
+ }
+ .header-brand {
+ display: flex;
+ align-items: center;
+ img {
+ &.logo-dark {
+ display: none;
+ }
+
+ &.logo-light {
+ display: inline-block;
+ }
+ }
+ .logo {
+ margin-right: 40px;
+ @media #{$large-mobile} {
+ margin-right: 15px;
+ }
+ a {
+ display: block;
+ }
+ }
+ }
+ .header-category {
+ border-left: 1.5px solid #f2f2f2;
+ border-right: 1.5px solid #f2f2f2;
+ margin-right: 10px;
+ @media only screen and (max-width: 1350px) {
+ display: none;
+ }
+ .mainmenu {
+ li {
+ &.has-droupdown {
+ >a {
+ padding: 0 40px;
+ i {
+ padding-right: 10px;
+ font-size: 18px;
+ position: relative;
+ top: 2px;
+ }
+ &:after {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ }
+ &.header-fullwidth {
+ .header-mainmenu,
+ .header-top-bar {
+ padding-left: 62px;
+ padding-right: 62px;
+ @media only screen and (max-width: 1699px) {
+ padding-left: 22px;
+ padding-right: 22px;
+ }
+ @media #{$sm-layout} {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+ }
+}
+
+/*------------------------
+ Header Style One
+--------------------------*/
+.header-style-1 {
+ position: relative;
+ z-index: 1234;
+
+ .header-top {
+ .header-top-left {
+ .header-notify {
+ @media #{$lg-layout} {
+ font-size: 13px;
+ }
+ @media #{$md-layout} {
+ text-align: center;
+ padding: 15px 0 5px;
+ }
+ @media #{$sm-layout} {
+ text-align: center;
+ padding: 15px 0 5px;
+ }
+ }
+ }
+ .header-info {
+ @media #{$lg-layout} {
+ margin: 0 -20px;
+ }
+ @media #{$sm-layout} {
+ margin: 0 -10px;
+ }
+ li {
+ @media #{$lg-layout} {
+ padding: 14px 15px 12px;
+ font-size: 13px;
+ }
+ @media #{$sm-layout} {
+ padding: 10px;
+ }
+ &:after {
+ @media #{$md-layout} {
+ height: 50%;
+ }
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ @media only screen and (max-width: 1350px) {
+ &:nth-last-child(2) {
+ &:after {
+ display: none;
+ }
+ }
+ }
+ &.social-icon {
+ @media only screen and (max-width: 1350px) {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ .header-mainnav {
+ .mainmenu-nav {
+ .mainmenu {
+ @media only screen and (max-width: 1350px) {
+ justify-content: center;
+ }
+ }
+ }
+ }
+ .header-action {
+ li {
+ &.search-icon {
+ display: none;
+ @media only screen and (max-width: 1699px) {
+ display: block;
+ }
+ }
+ }
+ }
+}
+
+/*------------------------
+ Header Style Two
+--------------------------*/
+.header-style-2 {
+ .header-mainmenu {
+ .header-right {
+ position: relative;
+ padding-left: 50px;
+ margin-left: 22px;
+ @media #{$small-mobile} {
+ padding-left: 20px;
+ margin-left: 0px;
+ }
+ &:after {
+ content: "";
+ height: 40px;
+ width: 2px;
+ background-color: #f2f2f2;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: 0;
+ }
+ }
+ .mainmenu {
+ justify-content: flex-end;
+ }
+ }
+ .header-action {
+ margin: 0 -16px;
+ li {
+ margin: 0 16px;
+ &.icon {
+ a {
+ .count {
+ background-color: var(--color-secondary);
+ }
+ }
+ &.cart-icon {
+ margin-right: 26px;
+ }
+ }
+ }
+ }
+ .header-top-bar {
+ background-color: var(--color-lighten04);
+ }
+ .header-top {
+ .header-info {
+ li {
+ color: var(--color-heading);
+ font-weight: 500;
+ &:after {
+ background-color: #e0ddd7;
+ height: 30px;
+ display: none;
+ }
+ &:first-child {
+ &:after {
+ display: block;
+ }
+ }
+ a {
+ color: var(--color-heading);
+
+ }
+ i {
+ color: var(--color-secondary);
+ }
+
+ }
+ }
+ }
+}
+
+/*------------------------
+ Header Style Three
+--------------------------*/
+.header-style-3 {
+ .header-mainmenu {
+ .header-right {
+ position: relative;
+ padding-left: 50px;
+ margin-left: 22px;
+ @media #{$small-mobile} {
+ padding-left: 20px;
+ margin-left: 0px;
+ }
+ &:after {
+ content: "";
+ height: 40px;
+ width: 2px;
+ background-color: #f2f2f2;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: 0;
+ }
+ }
+ .mainmenu {
+ justify-content: flex-end;
+ }
+ }
+ .header-action {
+ margin: 0 -16px;
+ li {
+ margin: 0 16px;
+ &.icon {
+ &.cart-icon {
+ margin-right: 26px;
+ }
+ }
+ }
+ }
+ .header-top-bar {
+ background-color: #232323;
+ }
+ .header-top {
+ .header-info {
+ li {
+ color: rgba(255,255,255, .7);
+ font-weight: 500;
+ &:after {
+ background-color: rgba(255,255,255, .2);
+ height: 30px;
+ display: none;
+ }
+ &:first-child {
+ &:after {
+ display: block;
+ }
+ }
+ a {
+ color: rgba(255,255,255, .7);
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ i {
+ color: var(--color-primary);
+ }
+
+ }
+ }
+ }
+}
+
+/*------------------------
+ Header Style Four
+--------------------------*/
+.header-style-4 {
+ position: relative;
+ z-index: 5;
+ &:before {
+ content: url(../images/others/shape-19.png);
+ position: absolute;
+ top: 0;
+ left: 0;
+ @media only screen and (max-width: 1399px) {
+ display: none;
+ }
+ }
+ &:after {
+ content: url(../images/others/shape-20.png);
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ @media only screen and (max-width: 1399px) {
+ display: none;
+ }
+ }
+ .header-mainmenu {
+ box-shadow: none;
+ background: transparent;
+ transition: var(--transition);
+ &.edu-sticky {
+ box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .05);
+ }
+ }
+ &.header-fullwidth {
+ .header-mainmenu {
+ padding-left: 90px;
+ padding-right: 90px;
+ @media only screen and (max-width: 1350px) {
+ padding-left: 40px;
+ padding-right: 40px;
+ }
+ @media only screen and (max-width: 767px) {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+ }
+ .header-navbar {
+ .header-mainnav {
+ margin-left: 25px;
+ @media only screen and (max-width: 1350px) {
+ margin-left: 0;
+ }
+ .mainmenu {
+ @media only screen and (max-width: 1350px) {
+ justify-content: center;
+ }
+ }
+ }
+ }
+ .header-action {
+ li {
+ &.search-icon {
+ display: none;
+ @media only screen and (max-width: 1699px) {
+ display: block;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_mobilemenu.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_mobilemenu.scss
new file mode 100644
index 00000000..1157c318
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_mobilemenu.scss
@@ -0,0 +1,166 @@
+/*------------------------------
+ Popup Menu Styles
+--------------------------------*/
+.popup-mobile-menu {
+ z-index: 9999;
+ position: fixed;
+ content: "";
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: rgba(0, 0, 0, 0.8);
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity .5s ease-out;
+ .inner {
+ width: 305px;
+ z-index: 999;
+ position: absolute;
+ background: #FFFFFF;
+ box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
+ height: 100%;
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ opacity: 0;
+ left: -150px;
+ transition: all .5s ease-out;
+
+ .header-top {
+ display: flex;
+ border-bottom: 1px solid var(--color-border);
+ align-items: center;
+ justify-content: space-between;
+ padding: 15px 20px;
+ .logo {
+ a {
+ img {
+ max-height: 45px;
+ &.logo-dark {
+ display: none;
+ }
+
+ &.logo-light {
+ display: inline-block;
+ }
+ }
+ }
+ }
+
+ .close-menu {
+ .close-button {
+ background: var(--color-white);
+ border: 0 none;
+ color: var(--color-heading);
+ width: 40px;
+ height: 40px;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 100%;
+ box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
+ transition: var(--transition);
+ &:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+
+ &.active {
+ visibility: visible;
+ opacity: 1;
+ .inner {
+ opacity: 1;
+ left: 0;
+ overflow-y: auto;
+ }
+ }
+
+ .mainmenu {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ padding: 15px 20px;
+ li {
+ margin: 0;
+ a {
+ padding: 8px 0;
+ display: block;
+ font-size: 16px;
+ font-weight: 500;
+ &.active {
+ color: var(--color-primary) !important;
+ }
+ }
+ & + li {
+ border-top: 1px solid var(--color-border);
+ }
+ }
+
+ .has-droupdown {
+ .submenu {
+ padding: 0;
+ max-width: 100%;
+ list-style: none;
+ padding-left: 14px;
+ display: none;
+ li {
+ a {
+ font-size: 15px;
+ &.active {
+ color: var(--color-primary) !important;
+ }
+ }
+ }
+ }
+ }
+
+ .has-droupdown{
+ > a {
+ position: relative;
+ &::after {
+ position: absolute;
+ content: "\e942";
+ font-family: 'icomoon' !important;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ transition: 0.4s;
+ font-size: 12px;
+ }
+ &.open {
+ &::after {
+ content: "\ea0b";
+ }
+ }
+ }
+ }
+
+ .mega-menu {
+ padding: 0;
+ max-width: 100%;
+ list-style: none;
+ padding-left: 14px;
+ display: none;
+ >li {
+ .menu-title {
+ margin-bottom: 5px;
+ padding-top: 15px;
+ }
+ }
+ .submenu {
+ padding: 0;
+ margin: 0;
+ display: block;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_nav.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_nav.scss
new file mode 100644
index 00000000..6382740c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_nav.scss
@@ -0,0 +1,223 @@
+/*--------------------------
+ Navigation Styles
+----------------------------*/
+
+.mainmenu-nav {
+ .mainmenu {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0;
+ padding: 0;
+ font-family: var(--font-secondary);
+ > li {
+ > a {
+ color: var(--color-heading);
+ font-size: 15px;
+ font-weight: 600;
+ padding: 0 26px;
+ display: block;
+ height: 90px;
+ line-height: 94px;
+ transition: 0.3s;
+ @media #{$lg-layout} {
+ padding: 0 17px;
+ }
+ @media #{$md-layout} {
+ padding: 0 12px;
+ }
+ &:hover,
+ &.active {
+ color: var(--color-primary) !important;
+ }
+ }
+ }
+ li {
+ margin-top: 0;
+ margin-bottom: 0;
+ position: relative;
+ &.has-droupdown {
+ & > a {
+ position: relative;
+ &::after {
+ position: absolute;
+ content: "\e91e";
+ font-family: 'icomoon';
+ right: 8px;
+ top: 0;
+ font-size: 6px;
+ font-weight: 400;
+ @media #{$lg-layout} {
+ right: 0px;
+ }
+ }
+ }
+ .submenu {
+ min-width: 270px;
+ height: auto;
+ position: absolute;
+ top: 90%;
+ left: 0;
+ z-index: 8;
+ opacity: 0;
+ visibility: hidden;
+ text-align: left;
+ padding: 20px 0 25px;
+ transition: 0.3s;
+ background-color: var(--color-white);
+ box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
+ pointer-events: none;
+
+ li {
+ position: relative;
+ a {
+ font-size: 15px;
+ font-weight: 600;
+ padding: 5px 30px;
+ display: block;
+ color: var(--color-heading);
+ @extend %transition;
+ &:hover {
+ color: var(--color-primary) !important;
+ background: var(--color-darker);
+ }
+ &.active {
+ color: var(--color-primary) !important;
+ background: var(--color-darker);
+ }
+ }
+ &.has-droupdown {
+ > a {
+ &::after {
+ transform: rotate(-90deg);
+ top: 10px;
+ right: 40px;
+ }
+ }
+ .submenu {
+ position: absolute;
+ left: 100%;
+ top: 90%;
+ z-index: 90;
+ opacity: 0;
+ visibility: hidden;
+ transition: 0.3s;
+ }
+ &:hover {
+ .submenu {
+ left: 100%;
+ top: 0;
+ z-index: 90;
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ }
+ }
+ }
+ &:hover {
+ > .submenu {
+ opacity: 1;
+ visibility: visible;
+ top: 100%;
+ pointer-events: auto;
+ }
+ .mega-menu {
+ opacity: 1;
+ visibility: visible;
+ top: 100%;
+ pointer-events: auto;
+ .submenu {
+ pointer-events: auto;
+ }
+ }
+ }
+ }
+ ul.mega-menu {
+ min-width: 1170px;
+ height: auto;
+ position: absolute;
+ top: 90%;
+ left: -324px;
+ z-index: 10;
+ opacity: 0;
+ visibility: hidden;
+ padding: 70px 0;
+ transition: 0.3s;
+ background-color: var(--color-white);
+ box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ pointer-events: none;
+ @media #{$laptop-device} {
+ left: -524px;
+ }
+ @media only screen and (max-width: 1350px) {
+ left: -473px;
+ }
+ .menu-title {
+ font-weight: 700;
+ padding-left: 100px;
+ margin-bottom: 0;
+ }
+ >li {
+ border-right: 1px solid var(--color-border);
+ &:last-child {
+ border-right: 0;
+ }
+ }
+ .submenu {
+ position: initial;
+ visibility: visible;
+ opacity: 1;
+ box-shadow: none;
+ padding: 20px 0 0 70px;
+ }
+ }
+ }
+ }
+}
+.badge {
+ display: inline-block;
+ padding: 0.63em 0.65em 0.35em 0.65em;
+ font-size: 9px;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-bold);
+ line-height: 1;
+ color: var(--color-white);
+ background-color: var(--color-primary);
+ text-transform: uppercase;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
+ margin-left: 5px;
+}
+.badge-1 {
+ display: inline-block;
+ padding: 0.63em 0.65em 0.35em 0.65em;
+ font-size: 9px;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-bold);
+ line-height: 1;
+ color: var(--color-white);
+ background-color: var(--color-secondary);
+ text-transform: uppercase;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
+ margin-left: 5px;
+}
+.header-style-2,
+.header-style-3 {
+ .mainmenu-nav {
+ .mainmenu {
+ li {
+ ul.mega-menu {
+ left: auto;
+ right: -397px;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_search-popup.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_search-popup.scss
new file mode 100644
index 00000000..fb3a8354
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/header/_search-popup.scss
@@ -0,0 +1,132 @@
+/*----------------------
+ Search Popup
+-----------------------*/
+.edu-search-popup {
+ position: fixed;
+ top: 0px;
+ left: 0;
+ right: 0;
+ width: 100%;
+ z-index: 99;
+ transform: scale(1, 0);
+ transform-origin: top center;
+ transition: transform 0.7s ease;
+ &.open {
+ transform-origin: top center;
+ transform: scale(1, 1);
+ height: 100%;
+ }
+ .content-wrap {
+ background-color: var(--color-white);
+ width: 100%;
+ min-height: 560px;
+ position: relative;
+ box-shadow: 0px 10px 40px 0 rgba(0,0,0, .08);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 20px;
+ @media #{$sm-layout} {
+ min-height: 450px;
+ }
+ }
+ .site-logo {
+ position: absolute;
+ top: 60px;
+ left: 70px;
+
+ img {
+ &.logo-dark {
+ display: none;
+ }
+
+ &.logo-light {
+ display: inline-block;
+ }
+ }
+ @media #{$smlg-device} {
+ top: 40px;
+ left: 20px;
+ }
+ }
+ .close-button {
+ position: absolute;
+ right: 62px;
+ top: 62px;
+ @media #{$smlg-device} {
+ top: 50px;
+ right: 15px;
+ }
+ .close-trigger {
+ background: transparent;
+ border: none;
+ color: var(--color-heading);
+ font-size: 22px;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+
+ .inner {
+ width: 100%;
+ max-width: 1170px;
+ margin: 0 auto;
+ .search-form {
+ position: relative;
+ border-bottom: 1px solid var(--color-border);
+ input {
+ height: 90px;
+ border: 0 none;
+ border-radius: 5px;
+ background: transparent;
+ padding: 0;
+ padding-right: 55px;
+ font-weight: 400;
+ font-family: var(--font-secondary);
+ font-size: 24px;
+ @media #{$sm-layout} {
+ font-size: 16px;
+ height: 60px;
+ }
+ }
+ .submit-button {
+ position: absolute;
+ right: 0;
+ padding: 0;
+ margin: 0;
+ border: 0 none;
+ outline: none;
+ color: var(--color-heading);
+ background: transparent;
+ top: 50%;
+ transform: translateY(-50%);
+ font-size: 24px;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ @media #{$sm-layout} {
+ font-size: 20px;
+ }
+ }
+ }
+ }
+ &::before {
+ position: absolute;
+ background-color: transparent;;
+ content: "";
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ }
+}
+
+.no-topbar {
+ .edu-search-popup {
+ top: 0px;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_404.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_404.scss
new file mode 100644
index 00000000..aeaec271
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_404.scss
@@ -0,0 +1,216 @@
+/*-------------------
+ 404 Error
+---------------------*/
+.error-page-area {
+ position: relative;
+ >.shape-group {
+ @extend %liststyle;
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ bottom: -12px;
+ left: 50%;
+ transform: translateX(-50%);
+ opacity: .3;
+ }
+ }
+ }
+}
+
+.edu-error {
+ text-align: center;
+ .thumbnail {
+ margin-bottom: 60px;
+ position: relative;
+ display: inline-block;
+ @media #{$large-mobile} {
+ margin-bottom: 50px;
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ left: -46px;
+ top: -5px;
+ opacity: .4;
+ }
+ &.shape-2 {
+ left: 50px;
+ top: -15px;
+ }
+ &.shape-3 {
+ right: -46px;
+ top: -25px;
+ opacity: .4;
+ }
+ &.shape-4 {
+ right: -12px;
+ top: 40px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+ .content {
+ .title {
+ font-size: 50px;
+ margin-bottom: 10px;
+ @media #{$sm-layout} {
+ font-size: 40px;
+ }
+ @media #{$large-mobile} {
+ font-size: 30px;
+ }
+ }
+ .subtitle {
+ margin-bottom: 65px;
+ @media #{$large-mobile} {
+ margin-bottom: 50px;
+ }
+ }
+ .edu-btn {
+ i {
+ padding-right: 10px;
+ font-size: 16px;
+ top: 1px;
+ }
+ }
+ }
+}
+
+.coming-soon-page-area {
+ height: 100vh;
+ width: 100%;
+ background: var(--gradient-primary);
+ background-position: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ display: flex;
+ align-items: center;
+ padding: 50px 0;
+ min-height: 500px;
+ overflow-y: auto;
+ position: relative;
+ z-index: 1;
+ overflow-y: inherit;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-22.png);
+ z-index: -1;
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: 70px;
+ left: 155px;
+ @media #{$laptop-device} {
+ left: -55px;
+ }
+ }
+ &.shape-2 {
+ top: 240px;
+ left: 360px;
+ @media #{$laptop-device} {
+ left: 105px;
+ }
+ }
+ &.shape-3 {
+ top: 170px;
+ right: 19%;
+ @media #{$laptop-device} {
+ right: 0;
+ }
+ }
+ &.shape-4 {
+ top: 50px;
+ right: 14%;
+ height: 71px;
+ width: 71px;
+ border: 11px solid rgba(255, 255, 255, .2);
+ border-radius: 50%;
+ }
+ }
+ }
+}
+
+.coming-soon-content {
+ max-width: 660px;
+ margin: 0 auto;
+ text-align: center;
+ .coming-countdown {
+ flex-wrap: wrap;
+ .countdown-section {
+ @media #{$sm-layout} {
+ margin: 0 15px 30px;
+ .countdown-number {
+ font-size: 35px;
+ }
+ &:after {
+ top: -14px;
+ right: -20px;
+ }
+ }
+ }
+ }
+ .title {
+ font-size: 90px;
+ color: var(--color-white);
+ font-weight: var(--p-extra-bold);
+ margin-bottom: 70px;
+ @media #{$smlg-device} {
+ font-size: 75px;
+ margin-bottom: 60px;
+ }
+ @media #{$md-layout-1} {
+ font-size: 65px;
+ margin-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ font-size: 50px;
+ margin-bottom: 40px;
+ }
+ @media #{$large-mobile} {
+ font-size: 40px;
+ margin-bottom: 35px;
+ }
+ }
+ .input-group {
+ background-color: var(--color-white);
+ border-radius: 5px;
+ margin-top: 70px;
+ align-items: center;
+ padding: 10px;
+ @media #{$sm-layout} {
+ margin-top: 30px;
+ }
+ .form-control {
+ background-color: transparent;
+ height: 50px;
+ &:focus {
+ box-shadow: none;
+ }
+ }
+ .edu-btn {
+ border-radius: 5px !important;
+ padding: 0 35px;
+ @media #{$small-mobile} {
+ padding: 0 15px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_about.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_about.scss
new file mode 100644
index 00000000..a26e0753
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_about.scss
@@ -0,0 +1,985 @@
+/*-------------------
+ About Styles
+---------------------*/
+.about-image-gallery {
+ position: relative;
+ padding: 90px 0 60px;
+ @media #{$md-layout} {
+ text-align: center;
+ }
+ img {
+ border-radius: 10px;
+ }
+ .video-box {
+ position: absolute;
+ top: 0;
+ right: 40px;
+ @media #{$large-mobile} {
+ transform: scale(.7);
+ right: 0;
+ }
+ .inner {
+ padding: 20px;
+ background-color: var(--color-white);
+ border-radius: 10px;
+ box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);
+ .thumb {
+ position: relative;
+ text-align: center;
+ img {
+ border-radius: 6px;
+ }
+ .popup-icon {
+ cursor: pointer;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ transform: translateY(-50%);
+ margin: 0 auto;
+ height: 60px;
+ width: 60px;
+ line-height: 62px;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ color: var(--color-secondary);
+ font-size: 18px;
+ i {
+ margin-left: 5px;
+ }
+ &:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ }
+ }
+ }
+ .loading-bar {
+ margin: -20px 0;
+ padding-top: 20px;
+ span {
+ display: block;
+ height: 7px;
+ background-color: #eaf0f2;
+ border-radius: 10px;
+ margin: 20px 0;
+ &:first-child {
+ width: 80%;
+ }
+ &:nth-child(2n) {
+ width: 45%;
+ }
+ }
+ }
+ }
+ }
+ .award-status {
+ position: absolute;
+ right: 70px;
+ bottom: 0;
+ @media #{$small-mobile} {
+ right: 0;
+ }
+ .inner {
+ display: flex;
+ padding: 22px 20px 18px 30px;
+ align-items: center;
+ box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);
+ background: #FFFFFF;
+ border-radius: 10px;
+ .icon {
+ width: 60px;
+ height: 60px;
+ background: rgba(26,182,157,0.1);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ margin-right: 15px;
+ color: var(--color-primary);
+ font-size: 30px;
+ }
+ .content {
+ text-align: left;
+ .title {
+ color: var(--color-primary);
+ font-size: 24px;
+ line-height: 1;
+ margin-bottom: 0;
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ @extend %liststyle;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: 20px;
+ left: -100px;
+ @media only screen and (max-width: 991px) {
+ left: 0;
+ }
+ }
+ &.shape-2 {
+ bottom: -30px;
+ right: 130px;
+ }
+ }
+ }
+}
+.about-content {
+ padding-left: 30px;
+ @media only screen and (max-width: 991px) {
+ padding-left: 0;
+ }
+ .section-title {
+ margin-bottom: 20px;
+ }
+ .features-list {
+ @extend %liststyle;
+ li {
+ font-weight: var(--p-medium);
+ font-family: var(--font-secondary);
+ color: var(--color-heading);
+ padding-left: 35px;
+ position: relative;
+ margin-bottom: 16px;
+ margin-top: 16px;
+ &:before {
+ content: "\e913";
+ font-family: 'icomoon';
+ color: var(--color-tertiary);
+ font-size: 19px;
+ position: absolute;
+ left: 0;
+ top: -3px;
+ }
+ }
+ }
+}
+
+.about-style-1,
+.about-style-2 {
+ position: relative;
+ .shape-group {
+ @extend %liststyle;
+ li {
+ position: absolute;
+ top: 107px;
+ right: -210px;
+ z-index: -1;
+ &.shape-1 {
+ &.circle {
+ span {
+ display: block;
+ height: 101px;
+ width: 101px;
+ border: 15px solid var(--color-tertiary);
+ border-radius: 50%;
+ }
+ }
+ }
+ @media #{$lg-layout-1} {
+ right: -110px;
+ }
+ @media #{$custom-lg-device-eight} {
+ right: -50px;
+ }
+ }
+ }
+}
+
+.about-style-1 {
+ .about-image-gallery {
+ .shape-group {
+ li {
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ &.shape-1 {
+ top: 20px;
+ left: -100px;
+ }
+ &.shape-2 {
+ top: 4px;
+ left: -50px;
+ }
+ &.shape-3 {
+ bottom: -33px;
+ right: 120px;
+ top: inherit;
+ }
+ }
+ }
+ }
+}
+
+
+.about-style-2 {
+ .about-image-gallery {
+ position: relative;
+ padding: 80px 0 60px 70px;
+ @media #{$sm-layout} {
+ padding: 0;
+ }
+ .author-box {
+ position: absolute;
+ top: 15px;
+ right: 0;
+ max-width: 220px;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ .inner {
+ background-color: var(--color-white);
+ box-shadow: 0px 40px 70px rgba(15, 11, 44, 0.2);
+ padding: 40px 20px;
+ border-radius: 10px 40px 10px 80px;
+ text-align: center;
+ .thumb {
+ margin-bottom: 20px;
+ }
+ .content {
+ .title {
+ margin-bottom: 10px;
+ }
+ p {
+ margin-bottom: 0;
+ }
+ }
+
+ }
+ }
+ .award-status {
+ right: auto;
+ left: 0;
+ .inner {
+ box-shadow: 0px 40px 60px rgba(15, 11, 44, 0.15);
+ border-radius: 30px 10px 50px 10px;
+ .icon {
+ background: rgba(238,74,98,0.1);
+ color: var(--color-secondary);
+ }
+ .content {
+ .title {
+ color: var(--color-secondary);
+ }
+ .subtitle {
+ color: var(--color-heading);
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 0;
+ left: -55px;
+ right: inherit;
+ }
+ &.shape-2 {
+ top: 0;
+ left: 0;
+ bottom: inherit;
+ right: inherit;
+ }
+ &.shape-3 {
+ top: inherit;
+ bottom: -15px;
+ right: -5px;
+ }
+ }
+ }
+ }
+ .about-content {
+ padding-left: 80px;
+ @media #{$smlg-device} {
+ padding-left: 30px;
+ }
+ @media only screen and (max-width: 991px) {
+ padding-left: 0;
+ }
+ }
+}
+
+.about-style-3 {
+ padding: 90px 0 120px;
+ position: relative;
+ @media #{$md-layout} {
+ padding: 90px 0 100px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0;
+ }
+ .about-content {
+ padding-right: 30px;
+ padding-left: 0;
+ @media #{$large-mobile} {
+ padding-right: 0;
+ }
+ .section-title {
+ margin-bottom: 34px;
+ }
+ .nav-tabs {
+ border-bottom: none;
+ margin: -8px -16px;
+ padding-bottom: 20px;
+ .nav-item {
+ margin: 8px 16px;
+ position: relative;
+ &:after {
+ content: "";
+ height: 14px;
+ width: 2px;
+ background-color: #e5e5e5;
+ position: absolute;
+ top: 2px;
+ right: -18px;
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ }
+ .nav-link {
+ color: var(--color-heading);
+ font-size: 17px;
+ font-weight: var(--p-semi-bold);
+ font-family: var(--font-secondary);
+ background-color: transparent;
+ border: none;
+ padding: 0;
+ position: relative;
+ padding-bottom: 1px;
+ &:after {
+ content: "";
+ height: 2px;
+ width: 0;
+ background-color: var(--color-secondary);
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ opacity: 0;
+ transition: var(--transition);
+ }
+ &:hover,
+ &.active {
+ color: var(--color-secondary);
+ &:after {
+ width: 100%;
+ opacity: 1;
+ }
+ }
+ }
+ }
+ .tab-content {
+ p {
+ margin-bottom: 20px;
+ }
+ .features-list {
+ li {
+ &:before {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ }
+ .about-image-gallery {
+ padding: 80px 0 65px 30px;
+ @media #{$md-layout} {
+ text-align: left;
+ padding: 20px 0 65px;
+ }
+ @media #{$sm-layout} {
+ padding: 20px 0 65px;
+ }
+ @media #{$small-mobile} {
+ padding: 0;
+ }
+ .main-img-2 {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ @media #{$md-layout} {
+ right: 115px;
+ }
+ @media #{$small-mobile} {
+ display: none;
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ position: absolute;
+ z-index: -1;
+ img {
+ position: initial;
+ }
+ &.shape-1 {
+ left: inherit;
+ right: 95px;
+ top: -15px;
+ }
+ &.shape-2 {
+ left: inherit;
+ bottom: inherit;
+ right: 39px;
+ top: 13px;
+ z-index: -2;
+ }
+ &.shape-3 {
+ top: inherit;
+ right: inherit;
+ left: -2px;
+ bottom: 33px;
+ }
+ &.shape-4 {
+ right: 40px;
+ bottom: -25px;
+ z-index: -1;
+ span {
+ display: block;
+ height: 320px;
+ width: 320px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ img {
+ position: initial;
+ }
+ &.shape-5 {
+ left: 110px;
+ top: 20px;
+ @media #{$lg-layout-1} {
+ left: 0;
+ top: 0;
+ }
+ @media #{$custom-lg-device-eight} {
+ left: -90px;
+ }
+ }
+ &.shape-6 {
+ top: -350px;
+ left: 80px;
+ z-index: -1;
+ span {
+ display: block;
+ height: 470px;
+ width: 470px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ @media #{$lg-layout-1} {
+ left: 0;
+ }
+ @media #{$custom-lg-device-eight} {
+ left: -90px;
+ }
+ }
+ }
+ }
+}
+
+.about-style-4 {
+ .about-content {
+ padding-right: 0;
+ padding-left: 30px;
+ .section-title {
+ p {
+ margin-top: 26px;
+ }
+ }
+ .features-list {
+ margin-bottom: 35px;
+ li {
+ &:before {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ .about-image-gallery {
+ padding: 80px 0 65px;
+ margin-right: 30px;
+ .main-img-1 {
+ background-color: var(--color-white);
+ padding: 20px;
+ display: inline-block;
+ border-radius: 20px;
+ box-shadow: 0 20px 40px 0 rgba(42, 11, 88, .1);
+ }
+ .main-img-2 {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ }
+ .shape-group {
+ .shape-1 {
+ left: inherit;
+ right: 85px;
+ top: 0;
+ }
+ .shape-2 {
+ right: 31px;
+ left: inherit;
+ top: 32px;
+ z-index: -2;
+ bottom: inherit;
+ }
+ .shape-3 {
+ right: inherit;
+ left: -32px;
+ bottom: 32px;
+ }
+ .shape-4 {
+ right: 70px;
+ bottom: -25px;
+ z-index: -1;
+ span {
+ display: block;
+ height: 320px;
+ width: 320px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+}
+
+.about-style-5 {
+ position: relative;
+ .section-title {
+ margin-bottom: 60px;
+ }
+ .about-image-gallery {
+ padding: 0;
+ .shape-group {
+ @media #{$smlg-device} {
+ display: block;
+ }
+ li {
+ &.shape-1 {
+ top: -40px;
+ right: -10px;
+ left: inherit;
+ bottom: inherit;
+ z-index: 1;
+ }
+ &.shape-2 {
+ right: auto;
+ left: -80px;
+ bottom: -78px;
+ animation: rotateIt 10s linear infinite;
+ }
+ }
+ }
+ }
+ .about-content {
+ .features-list {
+ padding-bottom: 18px;
+ li {
+ &:before {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ bottom: 80px;
+ right: 180px;
+ }
+ }
+ }
+}
+
+.about-style-6 {
+ position: relative;
+ padding: 90px 0 50px;
+ background-color: var(--color-white);
+ z-index: 2;
+ @media #{$sm-layout} {
+ padding: 50px 0;
+ }
+ @media #{$small-mobile} {
+ padding: 20px 0 50px;
+ }
+ &:after {
+ content: url(../images/about/shape-32.png);
+ position: absolute;
+ top: -110px;
+ left: 0;
+ right: 0;
+ z-index: 2;
+ }
+ .about-content {
+ .section-title {
+ margin-bottom: 30px;
+ p {
+ margin-top: 25px;
+ }
+ }
+ .about-mission {
+ margin-bottom: 20px;
+ .title {
+ margin-bottom: 14px;
+ }
+ p {
+ margin-bottom: 25px;
+ }
+ .features-list {
+ li {
+ &:before {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ }
+ .about-image-gallery {
+ padding: 0;
+ .main-img-2 {
+ text-align: right;
+ margin-top: -240px;
+ @media #{$large-mobile} {
+ display: none;
+ }
+ }
+ .shape-group {
+ .shape-1 {
+ top: 130px;
+ right: 35px;
+ left: auto;
+ }
+ .shape-2 {
+ bottom: 240px;
+ right: auto;
+ left: -15px;
+ z-index: 1;
+ animation: rotateIt 10s linear infinite;
+ }
+ .shape-3 {
+ bottom: 110px;
+ left: 20px;
+ }
+ }
+ }
+}
+
+.about-style-7 {
+ position: relative;
+ .about-image-gallery {
+ position: relative;
+ padding: 80px 0 0 70px;
+ @media #{$sm-layout} {
+ padding: 0;
+ }
+ .main-img-2 {
+ position: absolute;
+ right: 0;
+ top: 15px;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ .shape-group {
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ img {
+ position: initial;
+ }
+ &.shape-1 {
+ top: 0;
+ left: -55px;
+ }
+ &.shape-2 {
+ top: 0;
+ left: 0;
+ bottom: inherit;
+ right: inherit;
+ }
+ &.shape-3 {
+ bottom: -60px;
+ right: -10px;
+ }
+ &.shape-4 {
+ bottom: -80px;
+ left: 10px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+ .about-content {
+ padding-right: 80px;
+ padding-left: 0;
+ @media #{$smlg-device} {
+ padding-right: 30px;
+ }
+ @media only screen and (max-width: 991px) {
+ padding-right: 0;
+ }
+ .section-title {
+ p {
+ margin-bottom: 28px;
+ margin-top: 30px;
+ }
+ }
+ }
+ >.shape-group {
+ >li {
+ position: absolute;
+ z-index: -1;
+ top: 75px;
+ left: 125px;
+ height: 100px;
+ width: 100px;
+ border: 16px solid #f8b81f;
+ border-radius: 50%;
+ @media #{$lg-layout-1} {
+ left: 20px;
+ }
+ @media #{$custom-laptop-device} {
+ left: -20px;
+ top: 45px;
+ }
+ }
+ }
+}
+
+.about-style-8 {
+ position: relative;
+ &:before {
+ content: "";
+ height: 1030px;
+ width: 100%;
+ background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, .3) 100%);
+ clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ }
+ .about-content {
+ padding-right: 40px;
+ padding-left: 0;
+ @media #{$sm-layout} {
+ padding-right: 0;
+ }
+ .section-title {
+ p {
+ margin-top: 30px;
+ }
+ }
+ .about-mission {
+ display: flex;
+ align-items: center;
+ margin-top: 45px;
+ @media #{$large-mobile} {
+ display: block;
+ }
+ .single-item {
+ padding-right: 50px;
+ flex: 1;
+ @media #{$large-mobile} {
+ padding-right: 0;
+ margin-bottom: 30px;
+ }
+ &:last-child {
+ padding-right: 0;
+ }
+ .icon {
+ font-size: 50px;
+ line-height: 1;
+ margin-bottom: 25px;
+ &.color-extra02 {
+ color: var(--color-extra02);
+ }
+ &.color-extra06 {
+ color: var(--color-extra06);
+ }
+ }
+ .title {
+ margin-bottom: 10px;
+ }
+ }
+ }
+ }
+ .about-image-gallery {
+ padding: 0;
+ .thumbnail {
+ img {
+ width: 100%;
+ }
+ }
+ .thumbnail-1 {
+ text-align: right;
+ margin-top: 40px;
+ img {
+ border-radius: 70px 10px 10px 10px;
+ }
+ }
+ .thumbnail-2 {
+ img {
+ border-radius: 10px;
+ }
+ }
+ .thumbnail-3 {
+ text-align: right;
+ img {
+ border-radius: 10px 10px 90px 10px;
+ }
+ }
+ .thumbnail-4 {
+ img {
+ border-radius: 10px;
+ }
+ }
+ .shape-group {
+ li {
+ img {
+ position: initial;
+ }
+ &.shape-1 {
+ top: 0;
+ left: -90px;
+ }
+ &.shape-2 {
+ top: -20px;
+ left: 25px;
+ bottom: inherit;
+ right: inherit;
+ }
+ &.shape-3 {
+ bottom: 20px;
+ right: -70px;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ }
+ &.shape-4 {
+ bottom: -75px;
+ right: -165px;
+ span {
+ height: 400px;
+ width: 400px;
+ border: 1px solid #e8e6e3;
+ border-radius: 50%;
+ display: block;
+ }
+ }
+ }
+ }
+ }
+ &:after {
+ content: "";
+ height: 600px;
+ width: 600px;
+ border: 1px solid #e8e6e3;
+ border-radius: 50%;
+ position: absolute;
+ top: -175px;
+ left: -70px;
+ z-index: -1;
+ @media #{$lg-layout-1} {
+ left: -195px;
+ }
+ @media #{$custom-laptop-device} {
+ left: -250px;
+ }
+ }
+}
+.about-style-9 {
+ .about-image-gallery {
+ padding: 15px 0 60px 0;
+ margin-bottom: 34px;
+
+ .author-box {
+ position: absolute;
+ right: 38px;
+ bottom: -36px;
+ @media #{$sm-layout} {
+ right: 0;
+ }
+ @media (max-width:450px) {
+ display: none;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: -126px;
+ top: -19px;
+ }
+ &.shape-2 {
+ left: -63px;
+ top: -47px;
+ }
+ &.shape-3 {
+ right: -5px;
+ bottom: 211px;
+ z-index: 1;
+ span {
+ display: block;
+ height: 101px;
+ width: 101px;
+ border: 15px solid var(--color-tertiary);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+ }
+ .about-content {
+ padding-left: 45px;
+ @media #{$md-layout-1} {
+ padding-left: 0;
+ padding-top: 50px;
+ }
+ @media (max-width:450px) {
+ padding-top: 0;
+ margin-top: -60px;
+ }
+ .edu-btn {
+ margin-top: 25px;
+ }
+ .features-list {
+ li {
+ font-weight: var(--p-bold);
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-4 {
+ right: -150px;
+ bottom: -60px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_brand.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_brand.scss
new file mode 100644
index 00000000..409404ff
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_brand.scss
@@ -0,0 +1,179 @@
+/*-------------------
+ Brand Styles
+---------------------*/
+.brand-section-heading {
+ padding-right: 60px;
+ @media #{$large-mobile} {
+ padding-right: 0;
+ }
+}
+.brand-grid-wrap {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ position: relative;
+ &:after {
+ content: "";
+ height: 1px;
+ width: 100%;
+ background-color: #f0f0f0;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ transform: translateY(-50%);
+ }
+ .brand-grid {
+ padding: 18px 5px;
+ text-align: center;
+ border-right: 1px solid #f0f0f0;
+ transition: var(--transition);
+ &:first-child {
+ border-left: 1px solid #f0f0f0;
+ }
+ &:nth-child(5n) {
+ border-left: 1px solid #f0f0f0;
+ }
+ &:hover {
+ box-shadow: var(--shadow-darker);
+ }
+ }
+ &.brand-style-2 {
+ grid-template-columns: repeat(6, 1fr);
+ @media #{$md-layout-1} {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ @media #{$small-mobile} {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ &:after {
+ display: none;
+ }
+ .brand-grid {
+ padding: 10px 20px;
+ &:first-child {
+ border-left: none;
+ }
+ &:nth-child(2n) {
+ @media #{$small-mobile} {
+ border-right: none;
+ }
+ }
+ &:nth-child(3n) {
+ @media #{$md-layout-1} {
+ border-right: none;
+ }
+ @media #{$small-mobile} {
+ border-right: 1px solid #f0f0f0;
+ }
+ }
+ &:nth-child(5n) {
+ border-left: none;
+ }
+ &:last-child {
+ border-right: none;
+ }
+ &:hover {
+ box-shadow: none;
+ }
+ }
+ }
+ &.brand-style-3 {
+ grid-template-columns: repeat(5, 1fr);
+ @media #{$md-layout-1} {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ @media #{$sm-layout} {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ @media #{$large-mobile} {
+ grid-template-columns: repeat(1, 1fr);
+ }
+ gap: 10px;
+ &:after {
+ display: none;
+ }
+ .brand-grid {
+ border: none;
+ background-color: var(--color-lighten04);
+ border-radius: 5px;
+ padding: 30px 0;
+ opacity: .4;
+ &:hover {
+ box-shadow: none;
+ opacity: 1;
+ }
+ }
+ }
+}
+
+.brand-area-2 {
+ position: relative;
+ background: #F9F7F4;
+ padding: 75px 0;
+ overflow: hidden;
+ @media #{$large-mobile} {
+ padding: 50px 0;
+ }
+ .shape-group {
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ bottom: -170px;
+ left: -220px;
+ }
+ &.shape-2 {
+ top: -22px;
+ right: -21px;
+ z-index: 1;
+
+ @media #{$laptop-device} {
+ top: -60px;
+ right: -70px;
+ }
+ @media #{$custom-laptop-device} {
+ display: none;
+ }
+ }
+ }
+ }
+}
+
+.brand-area-5 {
+ padding: 400px 0 120px;
+ background-position: bottom;
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-20.svg);
+
+ svg {
+ background: rgb(247,245,242);
+ background: linear-gradient( -90deg, rgb(247,245,242) 0%, rgba(247,245,242,0.30196) 50%);
+ }
+ }
+ @media #{$md-layout} {
+ padding: 380px 0 100px;
+ }
+ @media #{$sm-layout} {
+ padding: 260px 0 80px;
+ margin-top: 100px;
+ }
+ @media #{$md-layout-1} {
+ background: none;
+ background-color: #FCFBFA;
+ }
+ @media #{$large-mobile} {
+ padding: 80px 0 80px;
+ margin-top: 80px;
+ }
+}
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_call_to_action.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_call_to_action.scss
new file mode 100644
index 00000000..730c3394
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_call_to_action.scss
@@ -0,0 +1,533 @@
+/*-------------------
+ Call To Action Styles
+---------------------*/
+.edu-cta-banner-area {
+ padding: 102px 0;
+ background-color: #f0f4f5;
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/cta/cta.svg);
+ filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(451%) hue-rotate(121deg) brightness(96%) contrast(90%);
+ background-position: center bottom;
+ background-repeat: no-repeat;
+ background-size: cover;
+ }
+ @media #{$md-layout} {
+ padding: 80px 0 70px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 70px;
+ }
+
+ .shape-group {
+ @media #{$md-layout} {
+ display: none;
+ }
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+}
+.cta-banner-2 {
+ position: relative;
+ background-color: #f7f5f2;
+ z-index: 1;
+ overflow: hidden;
+
+ &::before {
+ display: none
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: 30px;
+ left: 100px;
+ }
+ &.shape-2 {
+ bottom: -20px;
+ left: 17%;
+ }
+ &.shape-3 {
+ bottom: 60px;
+ right: 120px;
+ }
+ &.shape-4 {
+ top: 10px;
+ right: 18%;
+ }
+ &.shape-5 {
+ bottom: -55px;
+ left: 50%;
+ transform: translateX(-50%);
+ img {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+ }
+ }
+ }
+}
+
+.cta-banner-3 {
+ padding: 220px 0 130px;
+ position: relative;
+ z-index: 1;
+ background-color: transparent;
+
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-4.svg);
+ filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(983%) hue-rotate(324deg) brightness(104%) contrast(94%);
+ z-index: -1;
+ }
+ @media #{$sm-layout} {
+ padding: 150px 0 80px;
+ }
+ .edu-cta-banner {
+ .section-title {
+ .title {
+ margin-bottom: 40px;
+ }
+ }
+ .newsletter-form {
+ width: 82%;
+ margin: 0 auto;
+ @media #{$sm-layout} {
+ width: 100%;
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$smlg-device} {
+ display: block;
+ }
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ bottom: -70px;
+ left: -290px;
+ z-index: 0;
+ @media #{$laptop-device, $smlg-device} {
+ left: -60px;
+ }
+ img {
+ @media #{$laptop-device, $smlg-device} {
+ width: 60%;
+ }
+ }
+ }
+ &.shape-2 {
+ bottom: -105px;
+ right: -175px;
+ z-index: 0;
+ @media #{$laptop-device} {
+ right: -100px;
+ bottom: -25px;
+ }
+ @media #{$smlg-device} {
+ right: -130px;
+ bottom: -25px;
+ }
+ img {
+ @media #{$laptop-device, $smlg-device} {
+ width: 70%;
+ }
+ }
+ }
+ &.shape-3 {
+ top: -70px;
+ left: 119px;
+ img {
+ opacity: .3;
+ @media #{$laptop-device, $smlg-device} {
+ width: 70%;
+ }
+ }
+ }
+ &.shape-4 {
+ bottom: -115px;
+ right: 180px;
+ img {
+ opacity: .3;
+ @media #{$laptop-device, $smlg-device} {
+ width: 70%;
+ }
+ }
+ }
+ }
+ }
+}
+
+.health-coach-wrapper {
+ background-image: url(../images/bg/bg-image-33.webp);
+ width: 100%;
+ height: 100%;
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ &.cta-banner-7 {
+ &::before {
+ display: none;
+ }
+ .input-group {
+ align-items: center;
+ justify-content: center;
+ @media #{$small-mobile} {
+ display: block;
+ }
+
+ input {
+ width: 50%;
+ display: block;
+ flex: none;
+ margin-right: 20px;
+ border-radius: 5px !important;
+ @media #{$small-mobile} {
+ width: 100%;
+ margin-bottom: 20px;
+ }
+ }
+ button {
+ &.btn-medium {
+ height: 60px;
+ line-height: 61px;
+ border-radius: 5px !important;
+ @media #{$small-mobile} {
+ width: 100%;
+ }
+ }
+ }
+ }
+ }
+}
+
+.edu-cta-banner {
+ position: relative;
+ z-index: 1;
+ .section-title {
+ margin-bottom: 0;
+ .title {
+ margin-bottom: 28px;
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ bottom: 0;
+ left: -130px;
+ }
+ &.shape-2 {
+ top: -105px;
+ right: -160px;
+ }
+ }
+ }
+}
+.university-cta-wrapper {
+ background-color: #f7f5f2;
+
+ &.edu-cta-banner-area {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(90%) sepia(23%) saturate(5531%) hue-rotate(343deg) brightness(101%) contrast(94%);
+
+ }
+ }
+}
+.online-academy-cta-wrapper {
+ &.edu-cta-banner-area {
+ background-image: url(../images/cta/h-4-cta-compressed.png);
+
+ &::before {
+ background-image: url(../images/cta/h-4-cta.svg);
+ filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(10%) hue-rotate(90deg) brightness(105%) contrast(90%);
+ -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(10%) hue-rotate(90deg) brightness(105%) contrast(90%);
+ background-size: cover;
+ background-repeat: no-repeat;
+ }
+ }
+}
+
+.home-one-cta-wrapper,
+.university-cta-wrapper,
+.online-academy-cta-wrapper {
+ overflow: hidden;
+ .edu-cta-banner {
+ .shape-group {
+ li{
+ &.shape-01 {
+ top: 109px;
+ left: -68px;
+ }
+ &.shape-02 {
+ bottom: 29px;
+ left: 11px;
+ }
+ &.shape-03 {
+ top: -61px;
+ right: -168px;
+ z-index: 0;
+ }
+ &.shape-04 {
+ top: -126px;
+ right: -118px;
+ }
+ }
+ }
+ }
+}
+
+.cta-area-2 {
+ position: relative;
+ z-index: 1;
+ margin-top: -70px;
+
+ .edu-cta-box {
+ &::before {
+ filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(90%) contrast(90%);
+ }
+ }
+}
+
+.edu-cta-box {
+ background: var(--gradient-primary);
+ border-radius: 10px;
+ padding: 50px 50px;
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/cta-bg-imgae-07.png);
+ background-size: cover;
+ background-repeat: no-repeat;
+ }
+ @media #{$sm-layout} {
+ padding: 40px 30px;
+ }
+ &.home-one-cta,
+ &.home-four-cta {
+ .title {
+ a {
+ &:hover {
+ color: rgba(255, 255, 255, 0.85);
+ }
+ }
+ }
+ .shape-group {
+ li{
+ &.shape-01 {
+ top: -11px;
+ left: -118px;
+ }
+ &.shape-02 {
+ top: -31px;
+ left: -63px;
+ z-index: -2;
+ }
+ &.shape-03 {
+ bottom: -50px;
+ right: -45px;
+ }
+ }
+ }
+ }
+ .inner {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ z-index: 12;
+ @media #{$sm-layout} {
+ flex-direction: column;
+ text-align: center;
+ }
+ .content {
+ font-family: var(--font-secondary);
+ .subtitle {
+ font-weight: var(--p-medium);
+ font-size: 18px;
+ color: #fff;
+ }
+ .title {
+ font-size: 26px;
+ margin-bottom: 0;
+ color: #fff;
+ @media #{$sm-layout} {
+ font-size: 20px;
+ }
+ }
+ }
+ .sparator {
+ margin: 0 30px;
+ @media #{$sm-layout} {
+ margin: 15px 0;
+ }
+ span {
+ display: block;
+ text-align: center;
+ height: 70px;
+ width: 70px;
+ line-height: 60px;
+ border: 4px solid rgba(26, 182, 157, .2);
+ border-radius: 50%;
+ font-size: 24px;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-primary);
+ background-color: #fff;
+
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ position: absolute;
+ z-index: -1;
+ margin: 0;
+ &.shape-1 {
+ top: -31px;
+ left: -118px;
+ }
+ &.shape-2 {
+ bottom: -50px;
+ right: -45px;
+ }
+ }
+ }
+ &.cta-style-3 {
+ background: var(--color-secondary);
+ @media #{$sm-layout} {
+ padding: 40px 30px;
+ }
+ .inner {
+ .content {
+ .subtitle {
+ color: var(--color-white);
+ }
+ .title {
+ color: var(--color-white);
+ font-weight: var(--p-semi-bold);
+ }
+ }
+ .sparator {
+ span {
+ border: 4px solid rgba(238, 74, 98, .7);
+ color: var(--color-secondary);
+ }
+ }
+
+ }
+ }
+ &.cta-style-2 {
+ background: var(--color-tertiary);
+ .inner {
+ .content {
+ .subtitle {
+ color: var(--color-heading);
+ }
+ .title {
+ a {
+ color: var(--color-heading);
+ &:hover {
+ color: rgba(24, 24, 24, .75);
+ }
+ }
+ }
+ }
+ .sparator {
+ span {
+ color: #000;
+ border-color: rgba(20, 20, 23, 0.1);
+ }
+ }
+ }
+ }
+}
+
+.newsletter-form {
+ .input-group {
+ @media #{$large-mobile} {
+ display: block;
+ text-align: left;
+ }
+ .form-control {
+ height: 60px;
+ border-radius: 5px !important;
+ background-color: var(--color-white);
+ border: none;
+ color: var(--color-heading);
+ padding: 0 40px;
+ @media #{$sm-layout} {
+ height: 50px;
+ }
+ @media #{$large-mobile} {
+ width: 100%;
+ }
+ /* -- Placeholder -- */
+ &::placeholder {
+ color: var(--color-heading);
+ /* Firefox */
+ opacity: 1;
+ }
+
+ &:-ms-input-placeholder {
+ /* Internet Explorer 10-11 */
+ color: var(--color-heading);
+ opacity: 1;
+ }
+
+ &::-ms-input-placeholder {
+ /* Microsoft Edge */
+ color: var(--color-heading);
+ opacity: 1;
+ }
+ &:focus {
+ box-shadow: none;
+ }
+ }
+ button {
+ border-radius: 30px 5px !important;
+ margin-left: 20px !important;
+ padding: 0 40px;
+ @media #{$large-mobile} {
+ margin: 20px 0 0 !important;
+ }
+ &:hover {
+ border-radius: 5px 30px !important;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_campus.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_campus.scss
new file mode 100644
index 00000000..8333e755
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_campus.scss
@@ -0,0 +1,115 @@
+/*-------------------
+ Campus Styles
+---------------------*/
+.campus-thumbnail {
+ .thumbnail {
+ img {
+ border-radius: 5px;
+ @media #{$smlg-device} {
+ width: 100%;
+ }
+ }
+ }
+}
+.campus-content {
+ box-shadow: var(--shadow-darker);
+ border-radius: 0 5px 5px 5px;
+ padding: 60px 50px 60px 70px;
+ background-color: var(--color-white);
+ margin-left: -120px;
+ margin-top: 90px;
+ @media #{$smlg-device} {
+ margin-left: 0;
+ margin-top: 20px;
+ }
+ @media #{$large-mobile} {
+ box-shadow: none;
+ padding: 0;
+ }
+ .features-box {
+ background-color: transparent;
+ box-shadow: none;
+ padding: 0;
+ display: flex;
+ text-align: left;
+ margin-bottom: 24px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .icon {
+ font-size: 48px;
+ margin-right: 20px;
+ margin-bottom: 0;
+ .fitness-icon {
+ font-size: 32px;
+ }
+ }
+ .content {
+ flex: 1;
+ .title {
+ margin-bottom: 12px;
+ }
+ p {
+ color: var(--color-body);
+ }
+ }
+ }
+}
+
+.edu-campus-area {
+ position: relative;
+ .campus-image-gallery {
+ position: relative;
+ .shape-1 {
+ z-index: -1;
+ bottom: -220px;
+ left: -235px;
+ span {
+ display: block;
+ height: 470px;
+ width: 470px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ .shape-2 {
+ bottom: -84px;
+ left: -144px;
+ }
+ .shape-3 {
+ bottom: -118px;
+ left: -85px;
+ }
+ }
+ .campus-content {
+ position: relative;
+ .shape-4 {
+ z-index: -1;
+ top: -140px;
+ right: -158px;
+ span {
+ display: block;
+ height: 320px;
+ width: 320px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ .shape-5 {
+ top: -33px;
+ right: -64px;
+ span {
+ display: block;
+ height: 150px;
+ width: 150px;
+ border-radius: 100%;
+ background: #F3F8FA;
+ }
+ }
+ .shape-6 {
+ top: -80px;
+ right: -28px;
+ z-index: 0;
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_categorie.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_categorie.scss
new file mode 100644
index 00000000..06e78442
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_categorie.scss
@@ -0,0 +1,479 @@
+/*-------------------
+ Categorie Styles
+---------------------*/
+.categorie-area-3 {
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-4.jpg);
+ background-size: cover;
+ z-index: -1;
+ }
+}
+
+.categorie-grid {
+ padding: 50px 30px;
+ text-align: center;
+ border-radius: 5px;
+ transition: var(--transition);
+ .icon {
+ height: 80px;
+ width: 80px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 48px;
+ margin: 0 auto 28px;
+ transition: var(--transition);
+ }
+ .content {
+ .title {
+ margin-bottom: 15px;
+ transition: var(--transition);
+ }
+ p {
+ color: var(--color-heading);
+ margin-bottom: 25px;
+ transition: var(--transition);
+ }
+ .course-remain {
+ font-weight: 500;
+ display: inline-block;
+ padding: 2px 18px;
+ border-radius: 5px;
+ transition: var(--transition);
+ }
+ }
+ &:hover {
+ .content {
+ .title {
+ color: var(--color-white);
+ }
+ p {
+ color: var(--color-white);
+ }
+ }
+ .icon {
+ svg {
+ path {
+ stroke: var(--color-white);
+ }
+ }
+ }
+ }
+ &.color-primary-style {
+ background-color: rgba(26,182,157, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(26,182,157, .1);
+ color: var(--color-primary);
+ }
+ &:hover {
+ background-color: rgba(26,182,157, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-secondary-style {
+ background-color: rgba(238,74,98, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(238,74,98, .1);
+ color: var(--color-secondary);
+ }
+ &:hover {
+ background-color: rgba(238,74,98, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-tertiary-style {
+ background-color: rgba(248,184,31, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(248,184,31, .1);
+ color: var(--color-tertiary);
+ }
+ &:hover {
+ background-color: rgba(248,184,31, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra01-style {
+ background-color: rgba(14,205,115, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(14,205,115, .1);
+ color: var(--color-extra01);
+ }
+ &:hover {
+ background-color: rgba(14,205,115, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra02-style {
+ background-color: rgba(142,86,255, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(142,86,255, .1);
+ color: var(--color-extra02);
+ }
+ svg {
+ path {
+ fill: var(--color-extra02) !important;
+ }
+ }
+ &:hover {
+ background-color: rgba(142,86,255, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ svg {
+ path {
+ fill: var(--color-white) !important;
+ }
+ }
+ }
+ }
+ &.color-extra03-style {
+ background-color: rgba(249,37,150, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(249,37,150, .1);
+ color: var(--color-extra03);
+ }
+ &:hover {
+ background-color: rgba(249,37,150, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra04-style {
+ background-color: rgba(88,102,235, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(88,102,235, .1);
+ color: var(--color-extra04);
+ }
+ &:hover {
+ background-color: rgba(88,102,235, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra05-style {
+ background-color: rgba(248,148,31, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(248,148,31, .1);
+ color: var(--color-extra05);
+ }
+ &:hover {
+ background-color: rgba(248,148,31, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra06-style {
+ background-color: rgba(57,192,250, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(57,192,250, .1);
+ color: var(--color-extra06);
+ }
+ svg {
+ path {
+ fill: var(--color-extra06) !important;
+ }
+ }
+ &:hover {
+ background-color: rgba(57,192,250, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ svg {
+ path {
+ fill: var(--color-white) !important;
+ }
+ }
+ }
+ }
+ &.color-extra07-style {
+ background-color: rgba(218,4,248, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(218,4,248, .1);
+ color: var(--color-extra07);
+ }
+ &:hover {
+ background-color: rgba(218,4,248, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra08-style {
+ background-color: rgba(70,100,228, .07);
+ .icon,
+ .course-remain {
+ background-color: rgba(70,100,228, .1);
+ color: var(--color-extra08);
+ }
+ &:hover {
+ background-color: rgba(70,100,228, 1);
+ .icon,
+ .course-remain {
+ background-color: rgba(255,255,255, .15);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.categorie-style-2 {
+ padding: 16px 30px;
+ display: flex;
+ align-items: center;
+ text-align: left;
+ min-height: 80px;
+ .icon {
+ background-color: transparent;
+ margin-bottom: 0;
+ justify-content: flex-start;
+ height: auto;
+ width: auto;
+ min-width: 84px;
+ .art-design {
+ font-size: 45px;
+ }
+ .personal-development {
+ font-size: 44px;
+ }
+ .health-fitness {
+ font-size: 46px;
+ }
+ .data-science {
+ font-size: 41px;
+ }
+ .computer-science {
+ font-size: 33px;
+ }
+ .video-photography {
+ font-size: 37px;
+ }
+ }
+ .content {
+ flex: 1;
+ .title {
+ margin-bottom: 0;
+ font-size: 15px;
+ font-weight: var(--p-semi-bold);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: transparent;
+ }
+ }
+ }
+ &.categorie-style-3 {
+ background-color: var(--color-white);
+ padding: 40px 20px 35px;
+ box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
+
+
+ .icon {
+ font-size: 40px;
+ &.laptop-icon {
+ font-size: 34px;
+ }
+ &.design-pencil-icon {
+ font-size: 34px;
+ }
+ }
+ .content {
+ .title {
+ font-size: 18px;
+ color: var(--color-heading);
+ }
+ }
+ &.color-primary-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ &.color-secondary-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ &.color-extra01-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra01);
+ }
+ }
+ }
+ }
+ &.color-extra02-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra02);
+ }
+ }
+ }
+ }
+ &.color-extra03-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra03);
+ }
+ }
+ }
+ }
+ &.color-extra04-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra04);
+ }
+ }
+ }
+ }
+ &.color-extra05-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra05);
+ }
+ }
+ }
+ }
+ &.color-extra06-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra06);
+ }
+ }
+ }
+ }
+ &.color-extra07-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra07);
+ }
+ }
+ }
+ }
+ &.color-tertiary-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-tertiary);
+ }
+ }
+ }
+ }
+ &:hover {
+ background-color: var(--color-white);
+ box-shadow: 0px 10px 45px 0px rgba(0,0,0,0.1);
+ &.color-primary-style {
+ .icon {
+ background-color: var(--color-primary);
+ }
+ }
+ &.color-secondary-style {
+ .icon {
+ background-color: var(--color-secondary);
+ }
+ }
+ &.color-extra01-style {
+ .icon {
+ background-color: var(--color-extra01);
+ }
+ }
+ &.color-extra02-style {
+ .icon {
+ background-color: var(--color-extra02);
+ }
+ }
+ &.color-extra03-style {
+ .icon {
+ background-color: var(--color-extra03);
+ }
+ }
+ &.color-extra04-style {
+ .icon {
+ background-color: var(--color-extra04);
+ }
+ }
+ &.color-extra05-style {
+ .icon {
+ background-color: var(--color-extra05);
+ }
+ }
+ &.color-extra06-style {
+ .icon {
+ background-color: var(--color-extra06);
+ }
+ }
+ &.color-extra07-style {
+ .icon {
+ background-color: var(--color-extra07);
+ }
+ }
+ &.color-tertiary-style {
+ .icon {
+ background-color: var(--color-tertiary);
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_contact.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_contact.scss
new file mode 100644
index 00000000..58628b3f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_contact.scss
@@ -0,0 +1,214 @@
+/*-------------------
+ Contact Styles
+---------------------*/
+.contact-me {
+ .inner {
+ display: flex;
+ align-items: center;
+ @media #{$sm-layout} {
+ display: block;
+ text-align: center;
+ }
+ }
+
+ .thumbnail {
+ margin-right: 130px;
+ position: relative;
+ z-index: 1;
+ @media #{$md-layout} {
+ margin-right: 50px;
+ }
+ @media #{$sm-layout} {
+ margin-bottom: 40px;
+ margin-right: 0;
+ }
+ .thumb {
+ box-shadow: 0px 20px 40px 0px rgba(42,11,88,0.1);
+ border-radius: 50%;
+ @media #{$sm-layout} {
+ display: inline-block;
+ }
+ img {
+ border-radius: 50%;
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -45px;
+ right: 30px;
+ }
+ &.shape-2 {
+ top: -20px;
+ right: -30px;
+ z-index: 1;
+ @media #{$md-layout} {
+ display: none;
+ }
+ }
+ &.shape-3 {
+ bottom: -15px;
+ left: -40px;
+ }
+ }
+ }
+ }
+
+ .contact-us-info {
+ flex: 1;
+ }
+}
+
+.contact-us-info {
+ .heading-title {
+ margin-bottom: 26px;
+ }
+ .address-list {
+ @extend %liststyle;
+ li {
+ .title {
+ margin-bottom: 5px;
+ }
+ p {
+ margin-bottom: 20px;
+ }
+ }
+ }
+ .social-share {
+ padding-top: 12px;
+ }
+}
+
+.contact-me-area {
+ .contact-us-info {
+ .social-share {
+ @media #{$sm-layout} {
+ justify-content: center;
+ }
+ }
+ }
+}
+
+.contact-form-area {
+ background-color: var(--color-lighten01);
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+ .shape-group {
+ @extend %liststyle;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: 32%;
+ left: 13%;
+ }
+ &.shape-2 {
+ top: 32%;
+ left: 9%;
+ }
+ &.shape-3 {
+ top: -200px;
+ right: -110px;
+ span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-4 {
+ top: 150px;
+ right: 135px;
+ }
+ }
+ }
+}
+
+.contact-form {
+ &.form-style-2 {
+ padding: 70px;
+ box-shadow: var(--shadow-darker);
+ background-color: var(--color-white);
+ border-radius: 5px;
+ margin-bottom: -80px;
+ position: relative;
+ @media #{$small-mobile} {
+ padding: 40px;
+ }
+ .section-title {
+ margin-bottom: 5px;
+ p {
+ margin-top: 10px;
+ margin-bottom: 0;
+ }
+ }
+ .form-group {
+ margin-bottom: 0;
+ input, textarea {
+ border-bottom: 1px solid var(--color-border);
+ border-radius: 0;
+ padding: 20px 0 10px;
+ }
+ .edu-btn {
+ margin-top: 40px;
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -60px;
+ right: -90px;
+ }
+ &.shape-2 {
+ top: -80px;
+ right: -10px;
+ z-index: 1;
+
+ }
+ }
+ }
+ }
+ .error-msg,
+ .success-msg {
+ p {
+ margin-top: 10px;
+ margin-bottom: 0;
+ }
+ }
+}
+
+.contact-us-area {
+ padding: 120px 0 0;
+ @media #{$md-layout} {
+ padding: 100px 0 0;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 0;
+ }
+}
+
+.google-map-area {
+ #gmap_canvas {
+ width: 100%;
+ height: 600px;
+ margin-bottom: -8px;
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_counterup.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_counterup.scss
new file mode 100644
index 00000000..efa4561e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_counterup.scss
@@ -0,0 +1,468 @@
+/*-------------------
+ Counterup Styles
+---------------------*/
+.edu-counterup {
+ border-radius: 10px;
+ text-align: center;
+ padding: 38px 30px;
+ @media #{$small-mobile} {
+ padding: 25px;
+ }
+ .odometer.odometer-auto-theme .odometer-digit .odometer-value {
+ @media #{$sm-layout} {
+ line-height: 1.2;
+ }
+ }
+ .count-number {
+ margin-bottom: 5px;
+ span,
+ em {
+ font-family: var(--font-secondary);
+ font-weight: var(--p-extra-bold);
+ }
+
+ &.primary-color {
+ color: var(--color-primary);
+ }
+
+ &.secondary-color {
+ color: var(--color-secondary);
+ }
+
+ &.extra02-color {
+ color: var(--color-extra02);
+ }
+
+ &.extra05-color {
+ color: var(--color-extra05);
+ }
+ }
+ .title {
+ margin-bottom: 0;
+ font-size: 13px;
+ text-transform: uppercase;
+ font-weight: var(--p-medium);
+ }
+ &.counterup-style-1 {
+ box-shadow: 0px 10px 30px 6px rgba(0, 0, 0, 0.07);
+ }
+ &.counterup-style-3 {
+ padding: 0;
+ border-radius: 0;
+ position: relative;
+
+ &:after {
+ content: "";
+ height: 100%;
+ width: 1px;
+ background-color: var(--color-border);
+ position: absolute;
+ top: 50%;
+ right: -15px;
+ transform: translateY(-50%);
+ @media #{$large-mobile} {
+ display: none;
+ }
+ }
+
+ &.border-none {
+ &:after {
+ display: none;
+ @media #{$md-layout} {
+ display: block;
+ }
+ @media #{$sm-layout} {
+ display: block;
+ }
+ @media #{$large-mobile} {
+ display: none;
+ }
+ }
+ }
+ }
+ &.counterup-style-4 {
+ box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.05);
+ border-radius: 4px;
+ background-color: var(--color-white);
+ .icon {
+ text-align: center;
+ height: 90px;
+ width: 90px;
+ line-height: 95px;
+ border-radius: 50%;
+ font-size: 50px;
+ margin: 0 auto 25px;
+ &.primary-color {
+ background-color: rgba(26, 182, 157, .1);
+ color: var(--color-primary);
+ }
+ &.secondary-color {
+ background-color: rgba(255, 91, 92, .1);
+ color: var(--color-secondary);
+ }
+ &.extra08-color {
+ background-color: rgba(70, 100, 228, .1);
+ color: var(--color-extra08);
+ }
+ &.extra05-color {
+ background-color: rgba(248, 150, 36, .1);
+ color: var(--color-extra05);
+ }
+ }
+ .count-number {
+ span {
+ font-weight: var(--p-bold);
+ }
+ }
+ }
+ &.counterup-style-5 {
+ &.primary-color {
+ background-color: rgba(26, 182, 157, .1);
+ .count-number {
+ color: var(--color-primary);
+ }
+ }
+ &.secondary-color {
+ background-color: rgba(255, 91, 92, .1);
+ .count-number {
+ color: var(--color-secondary);
+ }
+ }
+ &.extra02-color {
+ background-color: rgba(142, 86, 255, .1);
+ .count-number {
+ color: var(--color-extra02);
+ }
+ }
+ &.extra05-color {
+ background-color: rgba(248, 150, 36, .1);
+ .count-number {
+ color: var(--color-extra05);
+ }
+ }
+ }
+
+ &.counterup-style-6 {
+ position: relative;
+ padding: 5px 0;
+ &:after {
+ content: "";
+ height: 100%;
+ width: 1px;
+ background-color: rgba(255,255,255, .2);
+ position: absolute;
+ top: 50%;
+ right: -15px;
+ transform: translateY(-50%);
+ }
+ &.border-none {
+ &:after {
+ display: none;
+ }
+ }
+ .icon {
+ font-size: 60px;
+ color: var(--color-white);
+ line-height: 1;
+ margin-bottom: 10px;
+ }
+ .count-number {
+ color: var(--color-white);
+ }
+ .title {
+ color: var(--color-white);
+ }
+ }
+}
+
+.counterup-area-2 {
+ position: relative;
+ z-index: 1;
+ &:before {
+ content: "";
+ height: 53%;
+ width: 100%;
+ background-color: var(--color-lighten01);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ }
+ .counterup-box-wrap {
+ background-color: var(--color-white);
+ box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.08);
+ border-radius: 10px;
+ padding: 70px;
+ position: relative;
+ @media #{$sm-layout} {
+ padding: 40px;
+ }
+ @media #{$large-mobile} {
+ padding: 10px;
+ }
+ .counterup-box {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ position: relative;
+ @media #{$small-mobile} {
+ grid-template-columns: repeat(1, 1fr);
+ }
+ .edu-counterup {
+ border-radius: 0;
+ &:first-child {
+ border-right: .8px solid var(--color-border);
+ @media #{$small-mobile} {
+ border-right: none;
+ }
+ }
+ &:nth-child(3) {
+ border-right: .8px solid var(--color-border);
+ @media #{$small-mobile} {
+ border-right: none;
+ }
+ }
+ }
+ &.counterup-box-1 {
+ border-bottom: .8px solid var(--color-border);
+ @media #{$small-mobile} {
+ border-bottom: none;
+ }
+ }
+ }
+
+ .shape-group {
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -80px;
+ left: -90px;
+ }
+
+ &.shape-2 {
+ top: -100px;
+ left: -15px;
+ z-index: 1;
+ }
+
+ &.shape-3 {
+ bottom: -60px;
+ right: -70px;
+ }
+
+ &.shape-4 {
+ bottom: -63px;
+ right: 30px;
+ }
+ }
+ }
+ }
+}
+
+
+.counterup-area-3 {
+ :nth-child(2),
+ :nth-child(4) {
+ .edu-counterup {
+ &.counterup-style-3 {
+ &:after {
+ @media #{$md-layout-1} {
+ width: 0px;
+ }
+ }
+ }
+ }
+ }
+}
+
+.counterup-area-4 {
+ margin-top: -160px;
+ position: relative;
+}
+
+.counterup-area-6 {
+ background: var(--gradient-primary);
+ padding: 65px 0;
+ :nth-child(2) {
+ .counterup-style-6{
+ &:after {
+ @media #{$md-layout-1} {
+ width: 0px;
+ }
+ }
+ }
+ }
+}
+
+.counterup-area-7 {
+ position: relative;
+ z-index: 1;
+ background-color: var(--color-lighten04);
+ .counterup-content {
+ padding-right: 80px;
+ padding-top: 30px;
+ }
+ .counterup-box-wrap {
+ background-color: var(--color-white);
+ box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.08);
+ border-radius: 10px;
+ padding: 70px;
+ position: relative;
+ @media #{$sm-layout} {
+ padding: 40px;
+ }
+ @media #{$large-mobile} {
+ padding: 10px;
+ }
+ .counterup-box {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ position: relative;
+ @media #{$small-mobile} {
+ grid-template-columns: repeat(1, 1fr);
+ }
+ .edu-counterup {
+ border-radius: 0;
+ &:first-child {
+ border-right: .8px solid var(--color-border);
+ @media #{$small-mobile} {
+ border-right: none;
+ }
+ }
+ &:nth-child(3) {
+ border-right: .8px solid var(--color-border);
+ @media #{$small-mobile} {
+ border-right: none;
+ }
+ }
+ }
+ &.counterup-box-1 {
+ border-bottom: .8px solid var(--color-border);
+ @media #{$small-mobile} {
+ border-bottom: none;
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ position: absolute;
+ z-index: -1;
+ img {
+ @media #{$sm-layout} {
+ transform: scale(.5);
+ animation: none;
+ }
+ }
+ &.shape-1 {
+ top: -80px;
+ left: -90px;
+ }
+
+ &.shape-2 {
+ top: -100px;
+ left: -15px;
+ z-index: 1;
+ }
+
+ &.shape-3 {
+ bottom: -60px;
+ right: -90px;
+ }
+
+ &.shape-4 {
+ bottom: -63px;
+ right: 30px;
+ }
+ }
+ }
+ }
+}
+
+.counterup-area-8 {
+ position: relative;
+ .shape-group {
+ li {
+ position: absolute;
+ z-index: -1;
+ img {
+ opacity: .9;
+ }
+ &.shape-1 {
+ bottom: -70px;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ }
+ }
+}
+
+.counterup-area-9 {
+ .shape-group {
+ li {
+ &.shape-1 {
+ bottom: -34px;
+ right: -54px;
+ }
+ }
+ }
+}
+.counterup-area-11 {
+ background: var(--gradient-primary);
+ padding: 65px 0;
+ .counterup-style-6{
+ display: flex;
+ @media #{$large-mobile} {
+ display: block;
+ }
+ &:after {
+ display: none;
+ }
+ .icon {
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ background-color: rgba(255, 255, 255, 0.149);
+ line-height: 104px;
+ @media #{$lg-layout} {
+ width: 80px;
+ height: 80px;
+ line-height: 82px;
+ font-size: 45px;
+ }
+ @media #{$large-mobile} {
+ text-align: center;
+ display: inline-block;
+ }
+ &.icon-flower {
+ font-size: 47px;
+ @media #{$lg-layout} {
+ font-size: 40px;
+ }
+ }
+ }
+ .counterup-wrapper {
+ margin-left: 20px;
+ margin-top: 15px;
+ text-align: left;
+ .count-number {
+ text-align: left;
+ @media #{$lg-layout} {
+ font-size: 30px;
+ }
+ @media #{$large-mobile} {
+ text-align: center;
+ }
+ }
+ .title {
+ @media #{$large-mobile} {
+ text-align: center;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course-sidebar.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course-sidebar.scss
new file mode 100644
index 00000000..d039afb2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course-sidebar.scss
@@ -0,0 +1,3 @@
+/*-------------------
+ Course Sidebar
+---------------------*/
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course-widget.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course-widget.scss
new file mode 100644
index 00000000..d039afb2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course-widget.scss
@@ -0,0 +1,3 @@
+/*-------------------
+ Course Sidebar
+---------------------*/
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course.scss
new file mode 100644
index 00000000..df102d05
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course.scss
@@ -0,0 +1,1684 @@
+/*-------------------
+ Course Styles
+---------------------*/
+.edu-course {
+ background-color: var(--color-white);
+ position: relative;
+ border-radius: 5px;
+ transition: var(--transition);
+ &.course-style-1 {
+ transition: var(--transition-2);
+ .thumbnail {
+ transition: var(--transition-2);
+ img {
+ transition: var(--transition-2);
+ }
+ &:after {
+ transition: var(--transition-2);
+ }
+ }
+ .course-hover-content-wrapper {
+ transition: var(--transition-2);
+ }
+ .course-hover-content {
+ transition: var(--transition-2);
+ p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ }
+ }
+ }
+
+ .thumbnail {
+ position: relative;
+ transition: var(--transition);
+ a {
+ display: block;
+ overflow: hidden;
+ border-radius: 5px 5px 0 0;
+ img {
+ border-radius: 5px 5px 0 0;
+ transition: 0.4s;
+ width: 100%;
+ }
+ &:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0,0,0,.20);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ transition: var(--transition);
+ border-radius: 5px 5px 0 0;
+ }
+ }
+ .time-top {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ }
+ .duration {
+ background-color: #f8b81f;
+ border-radius: 3px;
+ padding: 4px 8px;
+ font-weight: 500;
+ font-size: 13px;
+ color: var(--color-white);
+ font-family: var(--font-secondary);
+ display: block;
+ i {
+ font-size: 16px;
+ position: relative;
+ top: 2px;
+ margin-right: 6px;
+ }
+ }
+ }
+ .content {
+ padding: 30px 20px 16px 30px;
+ .course-level {
+ font-size: 13px;
+ font-weight: 500;
+ color: var(--color-primary);
+ font-family: var(--font-secondary);
+ background-color: rgba(26, 182,157, .15);
+ border-radius: 3px;
+ padding: 1px 10px;
+ margin-bottom: 15px;
+ display: inline-block;
+ }
+ .title {
+ margin-bottom: 8px;
+ a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+ }
+ .course-rating {
+ display: flex;
+ align-items: center;
+ margin-bottom: 8px;
+ .rating {
+ color: #f8b81f;
+ transition: var(--transition);
+ }
+ .rating-count {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ margin-left: 10px;
+ transition: var(--transition);
+ }
+ }
+ .course-price {
+ font-size: 14px;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-secondary);
+ font-family: var(--font-secondary);
+ margin-bottom: 14px;
+ transition: var(--transition);
+ &.price-round {
+ font-size: 22px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ height: 80px;
+ width: 80px;
+ line-height: 84px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ text-align: center;
+ }
+ }
+ .course-meta {
+ @extend %liststyle;
+ li {
+ display: inline-block;
+ font-size: 13px;
+ color: var(--color-heading);
+ margin-right: 25px;
+ position: relative;
+ transition: var(--transition);
+ &:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #e5e5e5;
+ position: absolute;
+ top: 1px;
+ right: -15px;
+ transition: var(--transition);
+ }
+ &:last-child {
+ margin-right: 0;
+ &:after {
+ display: none;
+ }
+ }
+ i {
+ color: #a7a7a7;
+ font-size: 14px;
+ margin-right: 7px;
+ transition: var(--transition);
+ }
+ }
+ }
+ }
+ .course-hover-content-wrapper {
+ position: absolute;
+ content: '';
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ transition: var(--transition);
+ opacity: 0;
+ background-color: var(--color-primary);
+ button {
+ &.wishlist-btn {
+ &:hover {
+ background: var(--color-secondary);
+ }
+ background: rgba(255, 255, 255, 0.15);
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ display: none;
+ @media #{$smlg-device} {
+ display: block;
+ }
+ }
+ }
+ }
+ .course-hover-content {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ bottom: 0;
+ left: 0;
+ right: 0;
+ border-radius: 4px;
+ padding: 50px 20px 45px 30px;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ display: inline-table;
+ .content {
+ padding: 0;
+ .wishlist-btn {
+ &:hover {
+ background: var(--color-secondary);
+ }
+ background: rgba(255, 255, 255, 0.15);
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ @media #{$smlg-device} {
+ display: none;
+ }
+ }
+ .course-level {
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ }
+ .title {
+ color: var(--color-white);
+ a {
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ .course-rating {
+ .rating-count {
+ color: var(--color-white);
+ }
+ }
+ .course-price {
+ color: var(--color-white);
+ }
+ p {
+ color: var(--color-white);
+ margin-bottom: 15px;
+ }
+ .course-meta {
+ margin-bottom: 16px;
+ li {
+ color: var(--color-white);
+ &:after {
+ background-color: rgba(255,255,255,.25);
+ }
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+
+ .hover-content-aside {
+ width: 344px;
+ padding-left: 12px;
+ position: absolute;
+ top: 50%;
+ left: 100%;
+ transform: translateY(-50%) translateX(-20px);
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ pointer-events: none;
+ z-index: 1;
+ .content {
+ background-color: var(--color-white);
+ border-radius: 4px;
+ box-shadow: 0px 0px 50px 0px rgba(26,46,85,0.2);
+ padding: 30px 30px 40px 30px;
+ &:before {
+ content: "";
+ border-top: 12px solid transparent;
+ border-right: 13px solid var(--color-white);
+ border-bottom: 12px solid transparent;
+ position: absolute;
+ top: 50%;
+ left: -13px;
+ transform: translateY(-50%);
+ }
+ .course-rating {
+ margin-bottom: 0;
+ }
+ .course-meta {
+ margin-bottom: 5px;
+ li {
+ font-size: var(--font-size-b1);
+ color: var(--color-body);
+ &:after {
+ height: 5px;
+ width: 5px;
+ background-color: #d1d1d1;
+ border-radius: 50%;
+ top: 50%;
+ transform: translateY(-50%);
+ right: -17px;
+ }
+ }
+ }
+ .course-feature {
+ margin-bottom: 25px;
+ ul {
+ @extend %liststyle;
+ li {
+ font-size: 13px;
+ position: relative;
+ padding-left: 28px;
+ &:before {
+ content: "\e913";
+ font-family: 'icomoon';
+ color: var(--color-heading);
+ margin-right: 15px;
+ position: absolute;
+ left: 0;
+ top: 2px;
+ }
+ }
+ }
+ }
+ .button-group {
+ .edu-btn {
+ flex: 1;
+ }
+ }
+ }
+ &.content-right {
+ left: auto;
+ right: 100%;
+ padding-left: 0;
+ padding-right: 12px;
+ .content {
+ &:before {
+ left: auto;
+ right: -12px;
+ transform: scaleX(-1);
+ }
+ }
+ }
+ }
+ &:hover {
+ .course-hover-content-wrapper {
+ opacity: 1;
+ }
+ .thumbnail {
+ a {
+ img {
+ transform: scale(1.1);
+ }
+ }
+ }
+ .course-hover-content {
+ visibility: visible;
+ opacity: 1;
+ }
+ .hover-content-aside {
+ pointer-events: all;
+ visibility: visible;
+ opacity: 1;
+ transform: translateY(-50%) translateX(0);
+ }
+ }
+ &.course-style-2 {
+ .course-hover-content {
+ .content {
+ p {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ }
+ }
+ }
+ }
+ &.course-style-3 {
+ background-color: transparent;
+ padding-bottom: 5px;
+ z-index: 1;
+ &:before {
+ content: "";
+ height: 10px;
+ width: 100%;
+ background-color: var(--color-white);
+ border-radius: 0 0 4px 4px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ transition: var(--transition);
+ }
+ .thumbnail {
+ .time-top {
+ right: auto;
+ left: 10px;
+ }
+ }
+ .content {
+ padding: 30px 30px 30px;
+ background-color: var(--color-white);
+ border-radius: 0 0 4px 4px;
+ position: relative;
+ transition: var(--transition);
+ .course-level {
+ color: var(--color-secondary);
+ background-color: rgba(238, 74, 98, .15);
+ margin-bottom: 17px;
+ }
+ .title {
+ margin-bottom: 14px;
+ }
+ p {
+ margin-bottom: 20px;
+ }
+ .course-rating {
+ margin-bottom: 0;
+ }
+ .read-more-btn {
+ visibility: hidden;
+ opacity: 0;
+ margin-bottom: -50px;
+ transition: var(--transition);
+ }
+ }
+ &:hover {
+ &:before {
+ background-color: rgba(255,91,92,.3);
+ }
+ .thumbnail {
+ margin-bottom: -75px;
+ a {
+ &:after {
+ background-color: rgba(0,0,0,.50);
+ }
+ }
+ }
+ .content {
+ .read-more-btn {
+ margin-top: 24px;
+ margin-bottom: 0;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+ &.course-style-4 {
+ box-shadow: var(--shadow-darkest);
+ padding: 30px;
+ .inner {
+ display: flex;
+ align-items: center;
+ @media #{$large-mobile} {
+ display: block;
+ }
+ }
+ .thumbnail {
+ margin-right: 30px;
+ @media #{$large-mobile} {
+ margin-right: 0;
+ margin-bottom: 20px;
+ }
+ a {
+ border-radius: 4px;
+ img {
+ border-radius: 4px;
+ }
+ &:after {
+ background-color: rgba(0, 0, 0, 0.1);
+ }
+ }
+ .time-top {
+ left: 10px;
+ right: auto;
+ }
+ }
+ .content {
+ flex: 1;
+ padding: 0;
+ .course-price {
+ font-weight: var(--p-bold);
+ font-size: 16px;
+ margin-bottom: 10px;
+ }
+ .course-rating {
+ margin-bottom: 14px;
+ }
+ }
+ &:hover {
+ background-color: var(--color-primary);
+ .content {
+ .title {
+ a {
+ color: var(--color-white);
+ }
+ }
+ .course-price {
+ color: var(--color-white);
+ }
+ .course-rating {
+ .rating-count {
+ color: var(--color-white);
+ }
+ }
+ .course-meta {
+ li {
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ &:after {
+ background-color: rgba(255,255,255, .30);
+ }
+ }
+ }
+ }
+ }
+ }
+ &.course-style-5 {
+ background-color: var(--color-lighten04);
+ border-radius: 4px;
+ .thumbnail {
+ a {
+ &:after {
+ background-color: rgba(0, 0, 0, 0);
+ }
+ }
+ }
+ .content {
+ position: relative;
+ .price-round {
+ position: absolute;
+ top: -40px;
+ right: 30px;
+ }
+ .course-level {
+ background-color: transparent;
+ color: var(--color-secondary);
+ font-size: 15px;
+ padding: 0;
+ }
+ .title {
+ a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+ }
+ p {
+ margin-bottom: 12px;
+ }
+ }
+ }
+ &.course-style-6 {
+ background-color: transparent;
+ .thumbnail {
+ margin-bottom: 15px;
+ a {
+ &:after {
+ background-color: rgba(0, 0, 0, 0);
+ }
+ }
+ .price-round {
+ font-size: 22px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ height: 80px;
+ width: 80px;
+ line-height: 84px;
+ background-color: var(--color-primary);
+ font-family: var(--font-secondary);
+ border-radius: 50%;
+ text-align: center;
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ }
+ }
+ .content {
+ background-color: var(--color-white);
+ padding: 35px 40px 30px;
+ border-radius: 0 0 4px 4px;
+ .course-level {
+ background-color: transparent;
+ padding: 0;
+ color: var(--color-secondary);
+ font-size: 15px;
+ }
+ .title {
+ margin-bottom: 15px;
+ }
+ }
+ }
+ &.course-style-7 {
+ border-radius: 10px;
+ box-shadow: var(--shadow-darkest);
+ background-color: transparent;
+ .thumbnail {
+ margin-bottom: -23px;
+ a {
+ border-radius: 10px 10px 0 0;
+ img {
+ border-radius: 10px 10px 0 0;
+ }
+ &:after {
+ background-color: rgba(0, 0, 0, 0);
+ }
+ }
+ .course-price {
+ font-family: var(--font-secondary);
+ transition: var(--transition);
+ position: absolute;
+ bottom: -40px;
+ right: 30px;
+ z-index: 1;
+ @media #{$sm-layout} {
+ bottom: -18px;
+ }
+ &.price-round {
+ font-size: 22px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ height: 80px;
+ width: 80px;
+ line-height: 84px;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ text-align: center;
+ }
+ }
+ }
+ .content {
+ position: relative;
+ mask-image: url(../images/others/mask-06.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ padding: 50px 20px 10px 30px;
+ border-radius: 0 0 10px 10px;
+ @media #{$sm-layout} {
+ mask-image: none;
+ }
+ .course-level {
+ background-color: transparent;
+ padding: 0;
+ font-size: 15px;
+ color: var(--color-white);
+ }
+ .title {
+ color: var(--color-white);
+ a {
+ &:hover {
+ color: rgba(255,255,255,0.8);
+ }
+ }
+ }
+ .course-meta {
+ margin-bottom: 10px;
+ li {
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ p {
+ color: var(--color-white);
+ }
+ }
+ &.bg-color-extra02 {
+ .thumbnail {
+ .price-round {
+ color: var(--color-extra02);
+ }
+ }
+ .content {
+ background-color: var(--color-extra02);
+ }
+ }
+ &.bg-color-secondary {
+ .thumbnail {
+ .price-round {
+ color: var(--color-textSecondary);
+ }
+ }
+ .content {
+ background-color: var(--color-textSecondary);
+ }
+ }
+ &.bg-color-primary {
+ .thumbnail {
+ .price-round {
+ color: var(--color-primary);
+ }
+ }
+ .content {
+ background-color: var(--color-primary);
+ }
+ }
+ }
+ &.course-style-8 {
+ box-shadow: 0 0 40px 0 rgba(0,0,0,.07);
+ margin-bottom: 50px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .content {
+ .course-rating {
+ margin-bottom: 10px;
+ }
+ p {
+ margin-bottom: 12px;
+ }
+ .course-meta {
+ margin: -10px 0;
+ }
+ }
+ .hover-content-aside {
+ top: 100%;
+ left: 50%;
+ transform: translateY(0) translateX(-50%);
+ padding-top: 12px;
+ z-index: 2;
+ .content {
+ padding: 30px 30px 40px;
+ &:before {
+ border-left: 11px solid transparent;
+ border-right: 11px solid transparent;
+ border-bottom: 12px solid var(--color-white);
+ border-top: none;
+ top: 0;
+ left: 50%;
+ transform: translateY(0) translateX(-50%);
+ }
+ .course-level {
+ background-color: transparent;
+ padding: 0;
+ color: var(--color-secondary);
+ font-size: 15px;
+ margin-bottom: 10px;
+ }
+ .course-meta {
+ margin-bottom: 2px;
+ }
+ }
+ }
+ &:hover {
+ background-color: var(--color-white);
+ .content {
+ .course-price {
+ color: var(--color-secondary);
+ }
+ .title {
+ a {
+ color: var(--color-heading);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ .course-rating {
+ .rating-count {
+ color: var(--color-heading);
+ }
+ }
+ .course-meta {
+ li {
+ color: var(--color-heading);
+ &:after {
+ background-color: #e5e5e5;
+ }
+ i {
+ color: #a7a7a7;
+ }
+ }
+ }
+ }
+ }
+ }
+ &.course-style-9 {
+ box-shadow: 0 0 40px 0 rgba(0,0,0,.07);
+ margin-bottom: 50px;
+ margin-left: 105px;
+ @media #{$large-mobile} {
+ margin-left: 0px;
+ }
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .thumbnail {
+ margin-left: -135px;
+ @media #{$large-mobile} {
+ margin-left: 0px;
+ }
+ a {
+ border-radius: 50%;
+ img {
+ border-radius: 50%;
+ }
+ &:after {
+ border-radius: 50%;
+ }
+ }
+ }
+ .content {
+ .course-rating {
+ margin-bottom: 10px;
+ }
+ p {
+ margin-bottom: 12px;
+ }
+ .course-meta {
+ margin: -10px 0;
+ }
+ }
+ .hover-content-aside {
+ top: 100%;
+ left: 50%;
+ transform: translateY(0) translateX(-50%);
+ padding-top: 12px;
+ z-index: 2;
+ .content {
+ padding: 30px 30px 40px;
+ &:before {
+ border-left: 11px solid transparent;
+ border-right: 11px solid transparent;
+ border-bottom: 12px solid var(--color-white);
+ border-top: none;
+ top: 0;
+ left: 50%;
+ transform: translateY(0) translateX(-50%);
+ }
+ .course-level {
+ background-color: transparent;
+ padding: 0;
+ color: var(--color-secondary);
+ font-size: 15px;
+ margin-bottom: 10px;
+ }
+ .course-meta {
+ margin-bottom: 2px;
+ }
+ }
+ }
+ &:hover {
+ background-color: var(--color-white);
+ .content {
+ .course-price {
+ color: var(--color-secondary);
+ }
+ .title {
+ a {
+ color: var(--color-heading);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ .course-rating {
+ .rating-count {
+ color: var(--color-heading);
+ }
+ }
+ .course-meta {
+ li {
+ color: var(--color-heading);
+ &:after {
+ background-color: #e5e5e5;
+ }
+ i {
+ color: #a7a7a7;
+ }
+ }
+ }
+ }
+ }
+ }
+ &.course-box-shadow {
+ box-shadow: var(--shadow-darker);
+ }
+ &.course-style-1.hover-button-bg-white,
+ &.course-style-2.hover-button-bg-white {
+ a.edu-btn.btn-secondary{
+ &:hover {
+ color: var(--color-black);
+ background: #ffffff;
+ &:after {
+ background: #ffffff;
+ }
+ }
+ &:after {
+ display: none;
+ }
+ }
+ }
+}
+.edu-course-area {
+ position: relative;
+ &.course-area-6 {
+ padding-bottom: 175px;
+ .course-activation {
+ .swiper-wrapper {
+ .swiper-slide {
+ @media #{$sm-layout} {
+ padding: 0;
+ }
+ }
+ }
+ }
+
+ .swiper-pagination-bullets.swiper-pagination-horizontal {
+ bottom: 110px;
+ left: 0;
+ width: 100%;
+
+ @media #{$small-mobile} {
+ bottom: 90px;
+ }
+ }
+ }
+ &.course-area-8 {
+ background-color: var(--color-lighten01);
+ position: relative;
+ overflow: hidden;
+ &::before {
+ display: none;
+ }
+ ul {
+ padding-left: 0;
+ list-style: none;
+
+ .section-title {
+ display: inline-block;
+ margin-top: 0px;
+ @media #{$md-layout-1} {
+ display: block;
+ text-align: center;
+ }
+ }
+ .course-view-all {
+ text-align: right;
+ margin-top: -140px;
+ margin-bottom: 55px;
+ @media #{$md-layout-1} {
+ margin-top: -15px;
+ margin-bottom: 33px;
+ text-align: center;
+ }
+ a {
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .edu-course {
+ &.course-style-4 {
+
+ &::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background: var(--gradient-primary);
+ border-radius: 5px;
+ opacity: 0;
+ visibility: hidden;
+ transition: all .4s ease-in-out;
+ }
+ .inner {
+ position: relative;
+ z-index: 12;
+ }
+ .thumbnail{
+ a {
+ &::after {
+ border-radius: 50%;
+ }
+ img {
+ border-radius: 50% !important;
+ }
+ }
+ .time-top {
+ left: 0;
+ }
+ }
+ &:hover {
+ background: transparent;
+ &::after {
+ opacity: 1;
+ visibility: visible;
+ }
+ .course-hover-content-wrapper {
+ opacity: 1;
+ }
+ .thumbnail {
+ a {
+ img {
+ transform: scale(1);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: -280px;
+ top: 13px;
+ }
+ &.shape-2 {
+ left: -600px;
+ top: -430px;
+ z-index: -1;
+ span {
+ width: 570px;
+ height: 570px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ display: block;
+ }
+ }
+ &.shape-3 {
+ bottom: -68px;
+ right: -111px;
+ }
+ &.shape-4 {
+ right: -100px;
+ bottom: -12px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+ &.course-area-9 {
+ ul {
+ padding-left: 0;
+ list-style: none;
+
+ .section-title {
+ display: inline-block;
+ margin-top: 0px;
+ @media #{$md-layout-1} {
+ display: block;
+ text-align: center;
+ }
+ }
+ .course-view-all {
+ text-align: right;
+ margin-top: -140px;
+ margin-bottom: 55px;
+ @media #{$md-layout-1} {
+ margin-top: -15px;
+ margin-bottom: 33px;
+ text-align: center;
+ }
+ a {
+ &.edu-btn {
+ background-color: var(--color-lighten01);
+ color: var(--color-primary);
+
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ .edu-course {
+ &.course-style-5 {
+ background-color: var(--color-white);
+ .inner {
+ .thumbnail {
+ position: relative;
+ a {
+ border-radius: 5px;
+ img {
+ border-radius: 5px;
+ }
+ }
+ .course-price {
+ position: absolute;
+ left: 20px;
+ top: 20px;
+ background-color: var(--color-extra05);
+ color: var(--color-white);
+ font-size: 14px;
+ width: 80px;
+ height: 26px;
+ line-height: 28px;
+ text-align: center;
+ border-radius: 5px;
+ }
+ .read-more-btn {
+ position: absolute;
+ right: 30px;
+ bottom: -30px;
+ a {
+ &.btn-icon-round {
+ border-radius: 50%;
+ background-color: var(--color-white);
+ color: var(--color-primary);
+ box-shadow: var(--shadow-dark);
+
+ &:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+ .instructor {
+ display: flex;
+ margin-top: 30px;
+ img {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ }
+ .instructor-name {
+ margin-top: 12px;
+ margin-left: 15px;
+ font-size: 15px;
+ font-weight: var(--p-semi-bold);
+ }
+ }
+ .content {
+ padding: 0px 50px 10px 0px;
+ .title {
+ font-size: 18px;
+ font-weight: var(--p-bold);
+ }
+ }
+ }
+ }
+ }
+ }
+}
+.course-view-all {
+ text-align: center;
+ margin-top: 60px;
+ .view-text {
+ margin-bottom: 0;
+ }
+}
+
+.course-layout-five-tooltip-content {
+ width: 344px;
+ pointer-events: none;
+ z-index: 1;
+ .content {
+ border-radius: 4px;
+ padding: 30px 30px 40px 30px;
+ position: relative;
+ .price-round {
+ position: absolute;
+ top: -40px;
+ right: 30px;
+ }
+ .course-level {
+ background-color: transparent;
+ color: var(--color-secondary);
+ font-size: 15px;
+ padding: 0;
+ margin-bottom: 15px;
+ display: inline-block;
+ font-weight: 500;
+ font-family: var(--font-secondary);
+ }
+ .title {
+ margin-top: 0px;
+ margin-bottom: 8px;
+ a {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ pointer-events: all;
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ .course-rating {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0px;
+ .rating {
+ color: #f8b81f;
+ transition: var(--transition);
+ }
+ .rating-count {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ margin-left: 10px;
+ transition: var(--transition);
+ }
+ }
+ .course-price {
+ font-size: 14px;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-secondary);
+ font-family: var(--font-secondary);
+ margin-bottom: 14px;
+ transition: var(--transition);
+ &.price-round {
+ font-size: 22px;
+ font-weight: var(--p-bold);
+ color: var(--color-white);
+ height: 80px;
+ width: 80px;
+ line-height: 84px;
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ text-align: center;
+ }
+ }
+ .course-meta {
+ @extend %liststyle;
+ li {
+ display: inline-block;
+ margin-right: 25px;
+ position: relative;
+ transition: var(--transition);
+ font-size: var(--font-size-b1);
+ color: var(--color-body);
+ &:after {
+ position: absolute;
+ content: '';
+ height: 5px;
+ width: 5px;
+ background-color: #d1d1d1;
+ border-radius: 50%;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ right: -17px;
+ }
+ &:last-child {
+ margin-right: 0;
+ &:after {
+ display: none;
+ }
+ }
+ i {
+ color: #a7a7a7;
+ font-size: 14px;
+ margin-right: 7px;
+ transition: var(--transition);
+ }
+ }
+ }
+ .course-feature {
+ margin-bottom: 25px;
+ ul {
+ @extend %liststyle;
+ li {
+ font-size: 13px;
+ position: relative;
+ padding-left: 28px;
+ &:before {
+ content: "\e913";
+ font-family: 'icomoon';
+ color: var(--color-heading);
+ margin-right: 15px;
+ position: absolute;
+ left: 0;
+ top: 2px;
+ }
+ }
+ }
+ }
+ .button-group {
+ .edu-btn {
+ flex: 1;
+ color: var(--color-white) !important;
+ pointer-events: all;
+ }
+ }
+ }
+}
+
+body .tpd-size-medium .tpd-content {
+ padding: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+.tpd-tooltip .tpd-content-wrapper {
+ overflow: unset;
+ @media #{$sm-layout} {
+ display: none;
+ }
+}
+
+.tpd-tooltip .tpd-content {
+ padding: 0;
+ line-height: inherit;
+ font-size: var(--fontSize);
+}
+
+.tpd-tooltip .tpd-shift-stem-side {
+ display: none !important;
+}
+
+.tpd-tooltip .tpd-backgrounds,
+.tpd-tooltip .tpd-stem {
+ display: none !important;
+}
+
+.tpd-visible-frame-left .tpd-frame-left,
+.tpd-visible-frame-right .tpd-frame-left {
+ position: relative;
+}
+
+.tpd-visible-frame-left .tpd-frame-left:before,
+.tpd-visible-frame-right .tpd-frame-left:before {
+ content: "";
+ border-top: 12px solid transparent;
+ border-right: 13px solid var(--color-white);
+ border-bottom: 12px solid transparent;
+ position: absolute;
+ top: 50%;
+ left: -12px;
+ transform: translateY(-50%);
+ z-index: 9;
+}
+
+.tpd-visible-frame-right .tpd-frame-left:after {
+ content: "";
+ border-top: 12px solid transparent;
+ border-right: 13px solid var(--color-white);
+ border-bottom: 12px solid transparent;
+ position: absolute;
+ top: 50%;
+ left: -12px;
+ transform: translateY(-50%);
+ z-index: 9;
+}
+
+.tpd-visible-frame-right .tpd-frame-right {
+ position: relative;
+ list-style: none;
+}
+
+.tpd-visible-frame-right .tpd-frame-right:after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ z-index: 9;
+ border-left: 13px solid var(--color-white);
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ left: inherit !important;
+ right: 0px;
+}
+
+.tpd-skin {
+ left: 12px;
+ @media #{$sm-layout} {
+ display: none;
+ }
+}
+
+.tpd-content-spacer {
+ background: var(--color-white);
+ box-shadow: 0px 0px 50px 0px rgba(26,46,85,0.2);
+ border-radius: 4px;
+}
+
+.tpd-skin.tpd-visible-frame-right {
+ left: 0px;
+}
+
+.tpd-skin-light a {
+ color: inherit !important;
+}
+
+.tpd-tooltip {
+ // fixed header overflow issue
+ z-index: 9 !important;
+}
+
+.tpd-tooltip a,
+.tpd-tooltip a:hover {
+ color: inherit !important;
+ text-decoration: inherit !important;
+}
+
+.load-more-btn {
+ text-align: center;
+ margin-top: 70px;
+ @media #{$sm-layout} {
+ margin-top: 50px;
+ }
+ .edu-btn {
+ padding: 0 50px;
+ @media #{$sm-layout} {
+ padding: 0 30px;
+ }
+ i {
+ font-size: 20px;
+ top: 4px;
+ padding-left: 10px;
+ @media #{$sm-layout} {
+ font-size: 15px;
+ top: 2px;
+ }
+ }
+ }
+}
+
+.isotop-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: -5px -5px 45px;
+ @media #{$large-mobile} {
+ display: inline-block;
+ text-align: center;
+ }
+ button {
+ text-align: center;
+ font-size: 14px;
+ font-weight: var(--p-medium);
+ text-transform: uppercase;
+ color: var(--color-heading);
+ background-color: #ede8e1;
+ border-radius: 5px;
+ border: none;
+ padding: 0 30px;
+ height: 60px;
+ margin: 5px;
+ transition: var(--transition);
+ position: relative;
+ z-index: 1;
+ @media #{$large-mobile} {
+ padding: 0 25px;
+ height: 50px;
+ font-size: 12px;
+ }
+ &:after {
+ content: "";
+ width: 0;
+ height: 0;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 10px solid var(--color-secondary);
+ position: absolute;
+ bottom: -5px;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ z-index: -1;
+ @media #{$large-mobile} {
+ display: none;
+ }
+ }
+ &:hover,
+ &.is-checked {
+ background-color: var(--color-secondary);
+ color: var(--color-white);
+ &:after {
+ bottom: -10px;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ &.button-transparent {
+ button {
+ text-align: center;
+ font-size: 16px;
+ font-weight: var(--p-medium);
+ text-transform: capitalize;
+ background-color: transparent;
+ color: var(--color-body);
+ height: auto;
+ padding: 0 12px;
+ &:after {
+ display: block;
+ border: none;
+ height: 2px;
+ width: 0;
+ background-color: var(--color-primary);
+ bottom: 0;
+ }
+ &:hover,
+ &.is-checked {
+ &:after {
+ width: 100%;
+ visibility: visible;
+ opacity: 1;
+
+ }
+ }
+ }
+ }
+}
+
+.course-area-3 {
+ overflow: hidden;
+ position: relative;
+ z-index: 1;
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -75px;
+ right: -50px;
+ }
+ &.shape-2 {
+ bottom: -65px;
+ left: -155px;
+ }
+ }
+ }
+}
+
+.course-area-7 {
+ padding: 220px 0;
+ position: relative;
+ z-index: 1;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-6.svg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ z-index: -1;
+ }
+ @media #{$sm-layout} {
+ padding: 150px 0 ;
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ position: absolute;
+ z-index: -1;
+ img {
+ opacity: .3;
+ }
+ &.shape-1 {
+ top: 64px;
+ left: -100px;
+ }
+
+ &.shape-2 {
+ bottom: -50px;
+ right: -90px;
+ }
+ &.shape-3 {
+ top: 140px;
+ right: -25px;
+ }
+ }
+ }
+}
+.edu-sorting-area {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 30px;
+ @media only screen and (max-width: 991px) {
+ display: block;
+ text-align: center;
+ }
+ .showing-text {
+ margin-bottom: 0;
+ span {
+ color: var(--color-primary);
+ }
+ }
+ .sorting-right {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ @media only screen and (max-width: 991px) {
+ justify-content: center;
+ }
+ @media #{$small-mobile} {
+ flex-direction: column;
+ }
+ .layout-switcher {
+ display: flex;
+ align-items: center;
+ margin-right: 30px;
+ @media only screen and (max-width: 991px) {
+ margin-top: 20px;
+ }
+ @media #{$small-mobile} {
+ margin-right: 0;
+ }
+ label {
+ font-family: var(--font-secondary);
+ font-size: 16px;
+ font-weight: 600;
+ color: var(--color-heading);
+ margin-right: 10px;
+ margin-top: 4px;
+ }
+ .switcher-btn {
+ display: flex;
+ align-items: center;
+ @extend %liststyle;
+ margin: -5px;
+ li {
+ margin: 5px;
+ a {
+ border: 1px solid var(--color-border);
+ border-radius: 3px;
+ padding: 8px;
+ color: #d1d1d1;
+ font-size: 16px;
+ line-height: 1;
+ transition: var(--transition);
+ &:hover,
+ &.active {
+ border-color: var(--color-primary);
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ .edu-sorting {
+ position: relative;
+ @media only screen and (max-width: 991px) {
+ margin-top: 20px;
+ }
+ .icon {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: 22px;
+ font-size: 10px;
+ color: var(--color-heading);
+ }
+ .edu-select {
+ padding-left: 50px;
+ width: 200px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course_details.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course_details.scss
new file mode 100644
index 00000000..2f10decf
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_course_details.scss
@@ -0,0 +1,688 @@
+/*-------------------
+ Course Details Style
+---------------------*/
+.course-details-content {
+ padding-right: 10px;
+ @media only screen and (max-width: 991px) {
+ padding-right: 0;
+ }
+ .nav-tabs {
+ border-bottom: 1px solid var(--color-border);
+ justify-content: center;
+ .nav-item {
+ margin: 0 5px;
+ .nav-link {
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 28px;
+ border: 0 none;
+ background: transparent;
+ padding: 15px 25px;
+ position: relative;
+ color: var(--color-body);
+ font-family: var(--font-secondary);
+ &::after {
+ position: absolute;
+ content: "";
+ background: var(--color-primary);
+ height: 2px;
+ width: 0;
+ transition: 0.4s;
+ left: 0;
+ bottom: 0;
+ opacity: 0;
+ }
+ &.active,
+ &:hover {
+ color: var(--color-primary);
+ &::after {
+ width: 100%;
+ opacity: 1;
+ }
+ }
+ }
+ }
+ }
+ .course-tab-content {
+ margin-top: 65px;
+ @media #{$sm-layout} {
+ margin-top: 50px;
+ }
+ }
+
+ .entry-content {
+ .title {
+ margin-bottom: 4px;
+ }
+ .course-meta {
+ @extend %liststyle;
+ display: flex;
+ align-items: center;
+ margin-right: -20px;
+ margin-left: -20px;
+ @media #{$sm-layout} {
+ display: block;
+ margin-top: 20px;
+ }
+ li {
+ margin-right: 20px;
+ margin-left: 20px;
+ font-weight: 500;
+ color: var(--color-heading);
+ display: flex;
+ align-items: center;
+ position: relative;
+ &:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #dbdbdb;
+ position: absolute;
+ top: 4px;
+ right: -20px;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ i {
+ padding-right: 14px;
+ font-size: 24px;
+ color: var(--color-primary);
+ }
+ }
+ .course-rating {
+ .rating {
+ margin-right: 8px;
+ i {
+ font-size: 15px;
+ color: #f8b81f;
+ padding: 0;
+ }
+ }
+ }
+ }
+ .thumbnail {
+ position: relative;
+ margin-top: 60px;
+ @media #{$sm-layout} {
+ margin-top: 40px;
+ }
+ img {
+ border-radius: 5px;
+ }
+ &:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0,0,0,.7);
+ border-radius: 5px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ }
+ .video-play-btn {
+ position: absolute;
+ z-index: 1;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ border: 0;
+ width: 80px;
+ height: 80px;
+ line-height: 82px;
+ transition: var(--transition);
+ border-radius: 50%;
+ background-color: var(--color-white);
+ margin: 0 auto;
+ display: inline-block;
+ font-size: 20px;
+ text-align: center;
+ color: var(--color-secondary);
+ @media #{$large-mobile} {
+ width: 60px;
+ height: 60px;
+ line-height: 62px;
+ }
+ i {
+ margin-left: 5px;
+ }
+ &:hover {
+ background-color: var(--color-secondary);
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+
+ .course-enroll-box {
+ margin-top: 110px;
+ display: flex;
+ background-color: var(--color-white);
+ padding: 40px 0;
+ box-shadow: 0 0 40px 0 rgba(0,0,0,.07);
+ @media #{$sm-layout} {
+ margin-top: 80px;
+ display: block;
+ padding: 10px 0;
+ }
+ .single-item {
+ padding: 0 45px;
+ position: relative;
+ font-family: var(--font-secondary);
+ text-align: center;
+ @media #{$lg-layout} {
+ padding: 0 35px;
+ }
+ @media #{$sm-layout} {
+ padding: 30px 35px;
+ }
+
+ &:after {
+ content: "";
+ height: 140px;
+ width: 1px;
+ background-color: var(--color-border);
+ position: absolute;
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+ @media #{$sm-layout} {
+ height: 1px;
+ width: 100%;
+ bottom: 0;
+ top: auto;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ .enroll-status {
+ display: block;
+ background-color: rgba(70, 100, 228, .07);
+ border-radius: 5px;
+ padding: 8px 28px;
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-extra08);
+ }
+ .price {
+ font-size: 28px;
+ font-weight: 700;
+ color: var(--color-secondary);
+ }
+ .login-btn {
+ font-size: 14px;
+ a {
+ font-weight: 500;
+ color: var(--color-heading);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ &.course-price {
+ flex: 1;
+ }
+ }
+ }
+}
+
+.course-overview {
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 30px 0;
+ li {
+ margin-top: 15px;
+ margin-bottom: 15px;
+ padding-left: 30px;
+ position: relative;
+ &:after {
+ content: "\e938";
+ font-family: var(--font-icomoon);
+ color: var(--color-primary);
+ position: absolute;
+ left: 0;
+ top: 0;
+ transition: var(--transition);
+ }
+ }
+ }
+ .border-box {
+ border: 1px solid var(--color-border);
+ padding: 40px 40px 30px;
+ margin-bottom: 90px;
+ @media #{$large-mobile} {
+ padding: 40px 30px 30px;
+ }
+ ul {
+ margin: 0;
+ }
+ }
+}
+
+.course-curriculam {
+ .course-lesson {
+ border: 1px solid var(--color-border);
+ padding: 40px 50px 50px;
+ margin-bottom: 50px;
+ @media #{$sm-layout} {
+ padding: 35px 20px 40px;
+ }
+ .title {
+ margin-bottom: 6px;
+ }
+ &:last-child {
+ margin-bottom: 0;
+ }
+ ul {
+ @extend %liststyle;
+ li {
+ display: flex;
+ justify-content: space-between;
+ line-height: 26px;
+ padding: 14px 0;
+ align-items: center;
+ margin: 0;
+ color: var(--color-heading);
+ border-bottom: 1px solid var(--color-border);
+ transition: var(--transition);
+ &:first-child {
+ border-top: 1px solid var(--color-border);
+ }
+ i {
+ font-size: 16px;
+ position: relative;
+ top: 1px;
+ }
+ .text {
+ i {
+ margin-right: 8px;
+ }
+ }
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ .badge-list {
+ margin: -3px;
+ text-align: right;
+ }
+ .badge {
+ border-radius: 3px;
+ font-size: 13px;
+ font-weight: 500;
+ padding: 7px;
+ margin: 3px;
+ &.badge-primary {
+ background-color: rgba(26, 182, 157, .07);
+ opacity: 1;
+ color: var(--color-primary);
+ }
+ &.badge-secondary {
+ background-color: rgba(238, 74, 99, .07);
+ opacity: 1;
+ color: var(--color-secondary);
+ }
+ }
+ }
+}
+
+.course-instructor {
+ padding: 0;
+ display: flex;
+ .thumbnail {
+ min-width: 170px;
+ margin-right: 30px;
+ @media #{$large-mobile} {
+ min-width: 80px;
+ }
+ img {
+ width: 100%;
+ object-fit: cover;
+ border-radius: 5px;
+ }
+ }
+ .author-content {
+ .title {
+ margin-bottom: 0;
+ font-size: 20px;
+ }
+ .subtitle {
+ display: block;
+ margin-bottom: 20px;
+ }
+ p {
+ margin-bottom: 25px;
+ }
+ }
+}
+
+.course-review {
+ .heading-title {
+ margin-bottom: 5px;
+ }
+ .rating-box {
+ background: #FFFFFF;
+ box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.07);
+ border-radius: 5px;
+ text-align: center;
+ width: 170px;
+ height: 170px;
+ padding: 20px 10px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ @media #{$large-mobile} {
+ margin: 0 auto;
+ }
+ .rating {
+ color: #f8b81f;
+ margin-bottom: 5px;
+ }
+ .rating-number {
+ font-weight: 700;
+ font-size: 28px;
+ line-height: 1;
+ font-family: var(--font-secondary);
+ color: var(--color-secondary);
+ margin-bottom: 10px;
+ }
+ span {
+ font-size: 14px;
+ line-height: 26px;
+ }
+ }
+
+ .review-wrapper {
+ margin-top: -30px;
+ @media #{$sm-layout} {
+ margin-left: 30px;
+ }
+ @media #{$large-mobile} {
+ margin-top: 0;
+ margin-left: 0;
+ }
+ .single-progress-bar {
+ position: relative;
+ }
+
+ .rating-text {
+ display: inline-block;
+ position: relative;
+ top: 17px;
+ font-family: var(--font-secondary);
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ i {
+ color: #f8b81f;
+ padding-left: 12px;
+ }
+ }
+
+ .progress {
+ margin-right: 38px;
+ margin-left: 70px;
+ height: 6px;
+ background: #f2f2f2;
+ .progress-bar {
+ background-color: #f8b81f;
+ }
+ }
+
+ span {
+ &.rating-value {
+ font-family: var(--font-secondary);
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ position: absolute;
+ right: 0;
+ top: 55%;
+ }
+ }
+ }
+
+ .comment-area {
+ margin-top: 70px;
+ }
+
+ .comment-list-wrapper {
+ .comment {
+ .comment-content {
+ .rating {
+ color: #f8b81f;
+ margin-bottom: 6px;
+ }
+ }
+ & + .comment {
+ margin-top: 5px;
+ }
+ }
+ }
+ .comment-form-area {
+ margin-top: 40px;
+ .heading-title {
+ margin-bottom: 25px;
+ }
+ .rating-icon {
+ display: flex;
+ align-items: center;
+ margin-bottom: 20px;
+ .title {
+ margin-bottom: 0;
+ margin-right: 22px;
+ }
+ .rating {
+ i {
+ color: #e1e1e1;
+ &:hover {
+ color: #f8b81f;
+ }
+ }
+ }
+ }
+ }
+
+ .border-box {
+ border: 1px solid var(--color-border);
+ padding-bottom: 10px;
+ .rating-box {
+ margin: 30px 0 30px 30px;
+ @media only screen and (max-width: 991px) {
+ margin: 30px auto;
+ }
+ }
+ .review-wrapper {
+ margin-right: 30px;
+ @media only screen and (max-width: 1199px) {
+ margin-left: 30px;
+ }
+ @media only screen and (max-width: 991px) {
+ margin-bottom: 40px;
+ }
+ }
+ .comment-area {
+ border-top: 1px solid var(--color-border);
+ margin-top: 0;
+ padding-top: 30px;
+ }
+ .comment-list-wrapper {
+ .comment {
+ padding-left: 30px;
+ padding-right: 30px;
+ @media #{$large-mobile} {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+ }
+ }
+ }
+}
+
+.course-details-3 {
+ .nav-tabs {
+ margin-top: 80px;
+ @media #{$sm-layout} {
+ margin-top: 60px;
+ }
+ .nav-item {
+ .nav-link {
+ &.active,
+ &:hover {
+ color: var(--color-heading);
+ }
+ }
+ }
+ }
+ .course-curriculam {
+ .heading-title {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .title {
+ margin-bottom: 0;
+ }
+ button {
+ i {
+ font-size: 6px;
+ top: -2px;
+ }
+ }
+ }
+ .edu-accordion {
+ .heading-title {
+ margin-bottom: 15px;
+ margin-top: 40px;
+ }
+ .accordion-item {
+ margin-bottom: 10px;
+ .accordion-button {
+ padding: 30px 50px 26px 65px;
+ display: block;
+ &:before {
+ content: "";
+ height: 20px;
+ width: 20px;
+ border: 3px solid var(--color-border);
+ border-radius: 50%;
+ position: absolute;
+ top: 28px;
+ left: 30px;
+ }
+ &:after {
+ content: "\e91e";
+ font-size: 6px;
+ height: 20px;
+ width: 20px;
+ line-height: 20px;
+ text-align: center;
+ background: var(--gradient-primary);
+ color: var(--color-white);
+ font-weight: 400;
+ border-radius: 50%;
+ position: absolute;
+ top: 30%;
+ right: 47px;
+ }
+ .topics {
+ display: block;
+ font-size: 15px;
+ color: var(--color-body);
+ font-family: var(--font-primary);
+ font-weight: 500;
+ margin-top: 4px;
+ }
+ .expand {
+ position: absolute;
+ top: 60%;
+ right: 30px;
+ font-size: 13px;
+
+ }
+ }
+ &.no-collapsed {
+ .accordion-button {
+ &:after {
+ display: none;
+ }
+ }
+ }
+ }
+ .course-lesson {
+ .reading-status {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 22px 30px 20px 70px;
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ .title {
+ color: var(--color-white);
+ margin-bottom: 0;
+ display: flex;
+ i {
+ font-size: 20px;
+ margin-right: 15px;
+ }
+ }
+ .complete-text {
+ font-size: 13px;
+ font-weight: 500;
+ span {
+ position: relative;
+ display: inline-block;
+ margin-right: 20px;
+ &:after {
+ content: "";
+ height: 13px;
+ width: 1px;
+ background-color: var(--color-white);
+ position: absolute;
+ top: 4px;
+ right: -12px;
+ }
+ &:last-child {
+ margin-right: 0;
+ &:after {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ ul {
+ li {
+ padding: 14px 30px 14px 100px;
+ position: relative;
+ &:before {
+ content: "";
+ height: 20px;
+ width: 20px;
+ border: 3px solid var(--color-border);
+ border-radius: 50%;
+ position: absolute;
+ top: 50%;
+ left: 70px;
+ transform: translateY(-50%);
+ }
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_event.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_event.scss
new file mode 100644
index 00000000..639855e3
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_event.scss
@@ -0,0 +1,598 @@
+/*-------------------
+ Event Styles
+---------------------*/
+.edu-event {
+ position: relative;
+ box-shadow: var(--shadow-darkest);
+ &.event-style-1 {
+ box-shadow: none;
+ }
+ .thumbnail {
+ transition: var(--transition);
+ position: relative;
+ a {
+ display: block;
+ border-radius: 5px 5px 0 0;
+ position: relative;
+ overflow: hidden;
+ &:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0,0,0,0.5);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ }
+ img {
+ width: 100%;
+ border-radius: 5px 5px 0 0;
+ transition: var(--transition);
+ }
+ }
+ .event-time {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ span {
+ background-color: #f8941f;
+ border-radius: 4px;
+ padding: 4px 10px;
+ font-weight: 500;
+ font-size: 12px;
+ color: var(--color-white);
+ font-family: var(--font-secondary);
+ display: block;
+ i {
+ margin-right: 5px;
+ font-size: 18px;
+ position: relative;
+ top: 2px;
+ }
+ }
+ }
+ }
+ .content {
+ background-color: #f7f5f2;
+ position: relative;
+ padding: 40px 30px 45px;
+ border-radius: 0 0 5px 5px;
+ box-shadow: none;
+ transition: var(--transition);
+ &:after {
+ content: "";
+ height: 10px;
+ width: 100%;
+ background-color: rgba(255,91,92,.3);
+ border-radius: 0 0 5px 5px;
+ position: absolute;
+ bottom: -5px;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ }
+ .event-date {
+ width: 80px;
+ height: 80px;
+ background: var(--color-primary);
+ border-radius: 50%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ top: -40px;
+ right: 30px;
+ z-index: 1;
+ span {
+ font-weight: 700;
+ font-size: 22px;
+ display: block;
+ color: var(--color-white);
+ text-align: center;
+ font-family: var(--font-secondary);
+ &.day {
+ line-height: 1;
+ margin-bottom: 4px;
+ }
+ &.month {
+ line-height: 1;
+ font-size: 14px;
+ font-weight: 500;
+ }
+ }
+ }
+ .title {
+ margin-bottom: 16px;
+ }
+ .event-meta {
+ padding-top: 14px;
+ padding-bottom: 0;
+ @extend %liststyle;
+ margin: -5px -16px;
+ li {
+ color: var(--color-body);
+ margin: 5px 16px;
+ i {
+ color: var(--color-secondary);
+ font-size: 22px;
+ top: 5px;
+ padding-right: 10px;
+ position: relative;
+ }
+ }
+ }
+ .read-more-btn {
+ visibility: hidden;
+ opacity: 0;
+ margin-bottom: -50px;
+ transition: var(--transition);
+ }
+ p {
+ margin-bottom: 0;
+ }
+ }
+ &:hover {
+ .thumbnail {
+ margin-bottom: -75px;
+ a {
+ &:after {
+ visibility: visible;
+ opacity: 1;
+ }
+ img {
+ transform: scale(1.1);
+ }
+ }
+ }
+ .content {
+ padding: 40px 30px 35px;
+ background-color: var(--color-white);
+ &:after {
+ visibility: visible;
+ opacity: 1;
+ }
+ .read-more-btn {
+ margin-top: 25px;
+ margin-bottom: 0;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ &.event-style-2 {
+ .content {
+ padding: 40px 30px 45px;
+ &:after {
+ display: none;
+ }
+ }
+ &:hover {
+ .thumbnail {
+ margin-bottom: -70px;
+ }
+ }
+ }
+}
+
+.edu-event-list {
+ background-color: transparent;
+ border-radius: 10px;
+ padding: 30px;
+ transition: var(--transition);
+ @media #{$large-mobile} {
+ padding: 20px;
+ }
+ .inner {
+ display: flex;
+ }
+ .thumbnail {
+ @media #{$large-mobile} {
+ max-width: 100px;
+ }
+ a {
+ display: block;
+ mask-image: url(../images/others/mask-05.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ }
+ }
+ .content {
+ flex: 1;
+ padding-left: 28px;
+ padding-top: 12px;
+ @media #{$large-mobile} {
+ padding-left: 15px;
+ }
+ .event-meta {
+ @extend %liststyle;
+ margin: -5px -10px;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ padding-bottom: 10px;
+ li {
+ color: var(--color-body);
+ margin: 5px 10px;
+ transition: var(--transition);
+ i {
+ color: var(--color-secondary);
+ font-size: 16px;
+ padding-right: 10px;
+ transition: var(--transition);
+ }
+ }
+ }
+ .title {
+ margin-bottom: 12px;
+ }
+ .event-location {
+ padding-bottom: 10px;
+ color: var(--color-body);
+ display: flex;
+ align-items: center;
+ transition: var(--transition);
+ i {
+ color: var(--color-secondary);
+ font-size: 22px;
+ padding-right: 10px;
+ position: relative;
+ top: -1px;
+ transition: var(--transition);
+ }
+ }
+ p {
+ margin: 5px 0 22px;
+ }
+ }
+ &.event-list-2 {
+ padding: 0;
+ border-radius: 0;
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 30px;
+ .inner {
+ align-items: flex-start;
+ @media #{$sm-layout} {
+ display: block;
+ }
+ }
+ .thumbnail {
+ a {
+ mask-image: none;
+ border-radius: 10px;
+ img {
+ border-radius: 10px;
+ @media #{$sm-layout} {
+ width: 100%;
+ }
+ }
+ }
+ }
+ .content {
+ padding-left: 40px;
+ padding-top: 6px;
+ @media #{$sm-layout} {
+ padding-left: 0;
+ padding-top: 30px;
+ }
+ .event-meta {
+ li {
+ i {
+ color: var(--color-primary);
+ }
+ }
+ }
+ .event-location {
+ i {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+
+ &.event-list-3 {
+ background-color: var(--color-white);
+ .title {
+ a {
+ transition: var(--transition);
+ }
+ }
+ &.bg-style-extra02 {
+ .content {
+ .edu-btn {
+ background-color: var(--color-extra02);
+ }
+ }
+ &:hover {
+ background-color: var(--color-extra02);
+ }
+ }
+ &.bg-style-extra05 {
+ .content {
+ .edu-btn {
+ background-color: var(--color-extra05);
+ }
+ }
+ &:hover {
+ background-color: var(--color-extra05);
+ }
+ }
+ &.bg-style-primary {
+ .content {
+ .edu-btn {
+ background-color: var(--color-primary);
+ }
+ }
+ &:hover {
+ background-color: var(--color-primary);
+ }
+ .content {
+ .edu-btn {
+ &:hover {
+ background-color: var(--color-white) !important;
+ color: var(--color-heading) !important;
+ &:after {
+ background: var(--color-white) !important;
+ }
+ }
+ }
+ }
+ }
+ &.bg-style-secondary {
+ .content {
+ .edu-btn {
+ background-color: var(--color-secondary);
+ }
+ }
+ &:hover {
+ background-color: var(--color-secondary);
+ }
+ }
+ &:hover:not(.event-list-2) {
+ .content {
+ .title {
+ color: var(--color-white);
+ a {
+ &:hover {
+ color: rgba(255,255,255,0.8);
+ }
+ }
+ }
+ .event-meta {
+ li {
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ .event-location {
+ color: var(--color-white);
+ i {
+ color: var(--color-white);
+ }
+ }
+ p {
+ color: var(--color-white);
+ }
+ }
+ }
+ &:hover {
+ .content {
+ .edu-btn {
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ &:hover {
+ color: var(--color-white);
+ background-color: transparent;
+ }
+ }
+ }
+ }
+ }
+}
+
+.event-view-all-btn {
+ text-align: center;
+ margin-top: 55px;
+ .view-text {
+ font-size: 18px;
+ margin-bottom: 0;
+ }
+}
+
+.edu-event-area {
+ position: relative;
+ .shape-group {
+ @extend %liststyle;
+ li {
+ position: absolute;
+ z-index: -1;
+
+ &.shape-1 {
+ top: 81px;
+ left: -81px;
+ }
+
+ &.shape-2 {
+ top: -44px;
+ left: -190px;
+ z-index: -1;
+ span {
+ display: block;
+ height: 400px;
+ width: 400px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+}
+
+.event-area-2 {
+ padding: 115px 0 120px;
+ @media #{$md-layout} {
+ padding: 55px 0 100px;
+ }
+ @media #{$sm-layout} {
+ padding: 35px 0 80px;
+ }
+}
+
+.event-area-3 {
+ padding: 220px 0 230px;
+ z-index: 1;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-5.svg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ z-index: -1;
+ }
+ @media #{$md-layout} {
+ padding: 200px 0;
+ }
+ @media #{$sm-layout} {
+ padding: 200px 0;
+ }
+ .shape-group {
+ li {
+ z-index: -1;
+ img {
+ opacity: .3;
+ }
+ &.shape-1 {
+ right: -77px;
+ top: 108px;
+ left: inherit;
+ }
+ &.shape-2 {
+ top: inherit;
+ bottom: -71px;
+ left: -90px;
+ }
+ }
+ }
+}
+.event-area-4 {
+ .edu-event {
+ &.event-style-1 {
+ .content {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-dark);
+ &::after {
+ display: none;
+ }
+ .event-date {
+ background: var(--color-white);
+ box-shadow: 0px 20px 70px 0px rgba(20, 20, 20, 0.15);
+
+ .day {
+ color: var(--color-primary);
+ }
+ .month {
+ color: var(--color-heading);
+ }
+ }
+ .title {
+ font-weight: var(--p-bold);
+ }
+ .event-meta {
+ li {
+ color: var(--color-heading);
+ }
+ }
+ }
+ }
+ }
+ .event-view-all-btn {
+ a {
+ &.btn-transparent {
+ color: var(--color-primary);
+ }
+ }
+ }
+}
+// Event Details Styles
+.event-details {
+ margin-bottom: 60px;
+ .main-thumbnail {
+ margin-bottom: 70px;
+ img {
+ border-radius: 10px;
+ }
+ }
+ .details-content {
+ ul {
+ list-style-type: disc;
+ margin-bottom: 60px;
+ li {
+ color: var(--color-heading);
+ }
+ }
+ .event-meta {
+ @extend %liststyle;
+ display: flex;
+ align-items: center;
+ margin: -10px -20px;
+ flex-wrap: wrap;
+ li {
+ margin-right: 20px;
+ margin-left: 20px;
+ color: var(--color-heading);
+ display: flex;
+ align-items: center;
+ position: relative;
+ &:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #dbdbdb;
+ position: absolute;
+ top: 4px;
+ right: -20px;
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ i {
+ padding-right: 10px;
+ font-size: 20px;
+ color: var(--color-primary);
+ }
+ }
+ }
+ .gmap_canvas {
+ margin-top: 40px;
+ #gmap_canvas {
+ height: 370px;
+ width: 100%;
+ border-radius: 5px;
+ }
+ }
+ }
+}
+
+.event-speaker {
+ .heading-title {
+ margin-bottom: 30px;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_faq.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_faq.scss
new file mode 100644
index 00000000..13065911
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_faq.scss
@@ -0,0 +1,423 @@
+/*-------------------
+ FAQ Styles
+---------------------*/
+.faq-accordion {
+ .accordion-item {
+ border: none;
+ border-radius: 10px;
+ margin-bottom: 30px;
+ box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1);
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .accordion-header {
+ padding: 0;
+ position: relative;
+ }
+ .accordion-button {
+ background-color: var(--color-primary);
+ padding: 20px 45px 20px 30px;
+ border-radius: 10px 10px 0 0;
+ border: none;
+ box-shadow: none;
+ font-size: 18px;
+ font-weight: 600;
+ color: var(--color-white);
+ transition: .3s;
+ z-index: 2;
+ @media #{$large-mobile} {
+ font-size: 16px;
+ }
+ &:after {
+ display: none;
+ }
+ &:before {
+ content: "\e91e";
+ font-family: "icomoon";
+ font-size: 6px;
+ color: var(--color-white);
+ background-image: none;
+ position: absolute;
+ top: 22px;
+ right: 30px;
+ line-height: 1;
+ transform: rotate(180deg);
+ transition: .3s;
+ }
+ &.collapsed {
+ background-color: transparent;
+ color: var(--color-heading);
+ &:before {
+ top: 26px;
+ transform: rotate(0deg);
+ color: var(--color-body);
+ }
+ }
+ }
+ .accordion-body {
+ padding: 25px 30px 30px;
+ p {
+ margin-bottom: 0;
+ }
+ }
+ }
+}
+
+.edu-faq-content {
+ position: relative;
+ .shape-group {
+ @extend %liststyle;
+ margin: 0;
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ bottom: -115px;
+ right: -145px;
+ }
+ &.shape-2 {
+ bottom: -95px;
+ right: -165px;
+ span {
+ display: block;
+ height: 101px;
+ width: 101px;
+ border: 15px solid var(--color-secondary);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+}
+
+.edu-faq-gallery {
+ position: relative;
+ .thumbnail-1 {
+ text-align: right;
+ img {
+ border-radius: 120px 120px 0 120px;
+ }
+ }
+ .thumbnail-2 {
+ margin-top: 70px;
+ img {
+ border-radius: 60px 0 100px;
+ }
+ }
+ .thumbnail-3 {
+ margin-top: -30px;
+ text-align: right;
+ img {
+ border-radius: 60px 0 100px;
+ }
+ }
+ .thumbnail-4 {
+ img {
+ border-radius: 0 50px 120px 120px;
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ margin: 0;
+ li {
+ position: absolute;
+ z-index: -1;
+ margin: 0;
+ &.shape-1 {
+ top: -45px;
+ left: 44%;
+ }
+ &.shape-2 {
+ top: 56px;
+ right: -10px;
+ }
+ &.shape-3 {
+ bottom: -15px;
+ left: -7px;
+ z-index: 1;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ }
+ &.shape-4 {
+ bottom: -45px;
+ left: -45px;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ }
+ }
+ }
+}
+
+.faq-style-1 {
+ padding: 150px 0 120px;
+ @media #{$md-layout} {
+ padding: 150px 0 100px;
+ }
+ @media #{$sm-layout} {
+ padding: 100px 0;
+ }
+}
+
+.faq-style-2 {
+ padding: 120px 0 150px;
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-10.png);
+ background-size: cover;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 100px;
+ }
+ .edu-faq-gallery {
+ z-index: 1;
+ @media #{$md-layout} {
+ margin-top: 50px;
+ }
+ @media #{$sm-layout} {
+ margin-top: 20px;
+ }
+ .thumbnail-1 {
+ margin-top: 35px;
+ img {
+ border-radius: 0 80px 0 80px;
+ }
+ }
+ .thumbnail-2 {
+ margin-top: 285px;
+ @media #{$md-layout} {
+ margin-top: 0;
+ }
+ @media #{$sm-layout} {
+ margin-top: 0;
+ }
+ img {
+ border-radius: 80px 0 80px 0;
+ }
+ }
+ .shape-group {
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ .shape-1 {
+ top: 35px;
+ left: -35px;
+ }
+ .shape-2 {
+ top: 35px;
+ left: 210px;
+ right: auto;
+ z-index: 1;
+ }
+ .shape-3 {
+ top: 230px;
+ left: inherit;
+ bottom: inherit;
+ right: -22px;
+ z-index: -1;
+ }
+ .shape-4 {
+ top: 270px;
+ left: inherit;
+ right: -58px;
+ bottom: inherit;
+ }
+ .shape-5 {
+ bottom: 110px;
+ left: -50px;
+ }
+ .shape-6 {
+ bottom: 35px;
+ left: 90px;
+ }
+ }
+ }
+}
+
+.faq-style-3 {
+ .edu-faq-gallery {
+ text-align: right;
+ @media only screen and (max-width: 991px) {
+ text-align: center;
+ }
+ .thumbnail-1 {
+ background-color: var(--color-white);
+ box-shadow: 0px 20px 40px 0px rgba(42,11,88,0.1);
+ padding: 20px;
+ border-radius: 10px;
+ display: inline-block;
+ @media only screen and (max-width: 991px) {
+ display: block;
+ }
+ img {
+ border-radius: 0;
+ width: 100%;
+ }
+ }
+ .shape-group {
+ @media #{$sm-layout} {
+ display: none;
+ }
+ .shape-1 {
+ top: -30px;
+ right: -50px;
+ left: inherit;
+ }
+ .shape-2 {
+ top: 70px;
+ right: -97px;
+ z-index: 1;
+ }
+ .shape-3 {
+ bottom: -40px;
+ left: -68px;
+ z-index: -1;
+ }
+ }
+ }
+}
+
+.faq-style-4 {
+ padding-bottom: 100px;
+ @media #{$sm-layout} {
+ padding-bottom: 50px;
+ }
+ .faq-accordion {
+ .accordion-item {
+ .accordion-button {
+ color: var(--color-white);
+ &:before {
+ color: var(--color-white);
+ }
+ &.style-extra02 {
+ background-color: var(--color-extra02);
+ }
+ &.style-extra05 {
+ background-color: var(--color-extra05);
+ }
+ &.style-primary {
+ background-color: var(--color-primary);
+ }
+ &.collapsed {
+ border-radius: 10px;
+ }
+ }
+ }
+ }
+
+ .faq-thumbnail {
+ position: relative;
+ .thumbnail {
+ mask-image: url(../images/others/mask-09.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: contain;
+ -webkit-mask-position: center;
+ text-align: center;
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -78px;
+ right: 115px;
+ z-index: 1;
+ @media only screen and (max-width: 991px) {
+ z-index: -1;
+ }
+ }
+ &.shape-2 {
+ top: 0;
+ right: 30px;
+ }
+ &.shape-3 {
+ bottom: 40px;
+ left: 10px;
+ }
+ }
+ }
+ }
+}
+.faq-page-area {
+ overflow: hidden;
+}
+.faq-page-nav {
+ padding-right: 30px;
+ @media only screen and (max-width: 991px) {
+ text-align: center;
+ margin-bottom: 40px;
+ padding-right: 0;
+ }
+ .title {
+ margin-bottom: 14px;
+ }
+ .nav-tabs {
+ border: none;
+ display: block;
+ .nav-item {
+ margin: 18px 0;
+ }
+ .nav-link {
+ border: none;
+ background-color: transparent;
+ padding: 5px 0;
+ color: var(--color-heading);
+ font-weight: 600;
+ font-family: var(--font-secondary);
+ position: relative;
+ transition: var(--transition);
+ @media only screen and (max-width: 991px) {
+ margin: 0 auto;
+ }
+ &:after {
+ content: "\e95a";
+ font-family: var(--font-icomoon);
+ color: var(--color-primary);
+ font-size: 20px;
+ font-weight: 400;
+ position: absolute;
+ top: 1px;
+ left: -20px;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+
+ }
+ &.active {
+ padding-left: 30px;
+ color: var(--color-primary);
+ &:after {
+ font-size: 20px;
+ left: 0;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+}
+
+.faq-page-tab-content {
+ position: relative;
+ &:after {
+ content: url(../images/others/map-shape-1.png);
+ position: absolute;
+ bottom: -90px;
+ right: 70px;
+ z-index: -1;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_features.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_features.scss
new file mode 100644
index 00000000..a9845042
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_features.scss
@@ -0,0 +1,368 @@
+/*-------------------
+ Features Styles
+---------------------*/
+.features-area-1 {
+ .features-box {
+ svg {
+ max-width: 37px;
+ }
+
+ &:hover {
+ .icon {
+ svg {
+ path {
+ stroke: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+}
+
+.features-box {
+ padding: 50px 30px;
+ text-align: center;
+ border-radius: 4px;
+ box-shadow: var(--shadow-darker);
+ background-color: var(--color-white);
+ transition: var(--transition);
+ .icon {
+ height: 80px;
+ width: 80px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 32px;
+ margin: 0 auto 28px;
+ transition: var(--transition);
+ }
+ .content {
+ .title {
+ margin-bottom: 15px;
+ transition: var(--transition);
+ span {
+ display: block;
+ }
+ }
+ p {
+ color: var(--color-heading);
+ margin-bottom: 0;
+ transition: var(--transition);
+ }
+ }
+
+ &.color-primary-style {
+ .icon {
+ background-color: rgba(26,182,157, .1);
+ color: var(--color-primary);
+ &:after {
+ background-color: var(--color-primary);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgba(26,182,157, 1);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-secondary-style {
+ .icon {
+ background-color: rgba(238,74,98, .1);
+ color: var(--color-secondary);
+ &:after {
+ background-color: var(--color-secondary);
+ }
+ }
+ &:hover {
+ .icon{
+ background-color: rgba(238,74,98, 1);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra05-style {
+ .icon {
+ background-color: rgba(248,148,31, .1);
+ color: var(--color-extra05);
+ &:after {
+ background-color: var(--color-extra05);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgba(248,148,31, 1);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra08-style {
+ .icon {
+ background-color: rgba(70,100,228, .1);
+ color: var(--color-extra08);
+ }
+ &:hover {
+ .icon {
+ background-color: rgba(70,100,228, 1);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra02-style {
+ .icon {
+ background-color: rgba(142,86,255, .1);
+ color: var(--color-extra02);
+ &:after {
+ background-color: var(--color-extra02);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgba(142,86,255, 1);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra03-style {
+ .icon {
+ background-color: rgba(249,37,150, .1);
+ color: var(--color-extra03);
+ &:after {
+ background-color: var(--color-extra03);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgba(249,37,150, 1);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra04-style {
+ .icon {
+ background-color: rgba(88,102,235, .1);
+ color: var(--color-extra04);
+ &:after {
+ background-color: var(--color-extra04);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgba(88,102,235, 1);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.features-style-2 {
+ background-color: transparent;
+ box-shadow: none;
+ display: flex;
+ align-items: center;
+ padding: 30px 0;
+ text-align: left;
+ border-right: 1px solid rgba(255,255,255, .15);
+ padding-left: 40px;
+ @media #{$smlg-device} {
+ padding-left: 0;
+ border-right: none;
+ }
+ @media #{$md-layout} {
+ justify-content: center;
+ }
+ @media #{$sm-layout} {
+ justify-content: center;
+ }
+ @media #{$large-mobile} {
+ justify-content: flex-start;
+ }
+
+ .edublink-svg-animate {
+ svg {
+ path {
+ stroke: #ffffff !important;
+ max-width: 38px;
+ }
+ }
+ }
+ &:first-child {
+ padding-left: 0;
+ }
+ &:last-child {
+ border-right: none;
+ }
+ .icon {
+ margin: 0;
+ background-color: rgba(255,255,255, .1);
+ color: var(--color-white);
+ }
+ .content {
+ padding-left: 20px;
+ .title {
+ margin-bottom: 0;
+ font-weight: var(--p-medium);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.features-style-3 {
+ background-color: transparent;
+ box-shadow: none;
+ display: flex;
+ align-items: flex-start;
+ padding: 50px 25px 42px;
+ text-align: left;
+ @media #{$md-layout} {
+ padding: 40px 50px;
+ }
+ @media #{$sm-layout} {
+ padding: 30px 25px;
+ }
+
+ &:first-child {
+ padding-left: 50px;
+ @media #{$sm-layout} {
+ padding-left: 25px;
+ }
+ }
+ .icon {
+ margin-top: 2px;
+ height: auto;
+ width: auto;
+ min-width: 50px;
+ background-color: transparent;
+ font-size: 40px;
+ margin-right: 20px;
+ margin-bottom: 0;
+ }
+ .content {
+ flex: 1;
+ p {
+ color: var(--color-body);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: transparent;
+ color: inherit;
+ }
+ &.color-primary-style {
+ background-color: rgba(26,182,157, .07);
+ &:hover {
+ .icon {
+ color: var(--color-primary);
+ }
+ }
+ }
+ &.color-secondary-style {
+ &:hover {
+ background-color: rgba(238,74,98, .07);
+ .icon {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ &.color-extra02-style {
+ &:hover {
+ background-color: rgba(142,86,255, .07);
+ .icon {
+ color: var(--color-extra02);
+ }
+ }
+ }
+ }
+ }
+
+ &.features-style-4 {
+ background-color: transparent;
+ box-shadow: none;
+ display: flex;
+ align-items: flex-start;
+ padding: 0;
+ text-align: left;
+ margin-bottom: 50px;
+ .icon {
+ mask-image: url(../images/others/mask-08.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ height: 83px;
+ width: 109px;
+ font-size: 40px;
+ margin-right: 30px;
+ margin-bottom: 0;
+ border-radius: 0;
+ position: relative;
+ @media #{$large-mobile} {
+ margin-right: 15px;
+ }
+ &:after {
+ content: "";
+ mask-image: url(../images/others/mask-07.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ }
+ }
+ .content {
+ flex: 1;
+ .title {
+ font-weight: var(--p-bold);
+ margin-bottom: 5px;
+ }
+ p {
+ color: var(--color-body);
+ }
+ }
+ }
+}
+
+.features-grid-wrap {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ @media #{$md-layout} {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ @media #{$sm-layout} {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ @media #{$large-mobile} {
+ grid-template-columns: repeat(1, 1fr);
+ }
+}
+
+.features-area-2 {
+ background: linear-gradient(-90deg, rgba(49,185,120,1) 0%, rgba(26,182,157,1) 100%);
+}
+
+.features-area-3 {
+ .features-grid-wrap {
+ grid-template-columns: repeat(3, 1fr);
+ background-color: var(--color-white);
+ box-shadow: 0px 20px 40px 0px rgba(42,11,88,0.1);
+ border-radius: 5px;
+ margin-top: -120px;
+ position: relative;
+ z-index: 2;
+ @media only screen and (max-width: 991px) {
+ grid-template-columns: repeat(1, 1fr);
+ }
+ }
+}
+
+.features-area-4 {
+ padding: 120px 0 90px;
+ @media #{$smlg-device} {
+ padding: 100px 0 90px;
+ }
+ @media #{$md-layout} {
+ padding: 60px 0 80px;
+ }
+ @media #{$sm-layout} {
+ padding: 60px 0;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_gallery.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_gallery.scss
new file mode 100644
index 00000000..6e9492a9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_gallery.scss
@@ -0,0 +1,74 @@
+/*-------------------
+ Gallery Styles
+---------------------*/
+.edu-gallery-area {
+ .gallery-grid-wrap {
+ margin: -15px;
+ }
+}
+
+.edu-gallery-grid {
+ position: relative;
+ display: block;
+ padding: 15px;
+ width: 33.33%;
+ @media #{$sm-layout} {
+ width: 50%;
+ }
+ @media #{$small-mobile} {
+ width: 100%;
+ }
+ .thumbnail {
+ position: relative;
+ img {
+ border-radius: 5px;
+ width: 100%;
+ }
+ &::before {
+ background: linear-gradient(-145deg, #31b978 0%, #1ab69d 100%);
+ border-radius: 5px;
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ transition: 0.3s;
+ }
+ }
+ .zoom-icon {
+ opacity: 0;
+ position: absolute;
+ top: 55%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ transition: 0.3s;
+ height: 70px;
+ width: 70px;
+ line-height: 70px;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ text-align: center;
+ font-size: 20px;
+ color: var(--color-primary);
+ cursor: pointer;
+ @media #{$sm-layout} {
+ width: 50px;
+ height: 50px;
+ line-height: 52px;
+ font-size: 16px;
+ }
+ }
+ &:hover {
+ .thumbnail {
+ &:before {
+ opacity: .9;
+ }
+ }
+ .zoom-icon {
+ top: 50%;
+ opacity: 1;
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_hero_banner.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_hero_banner.scss
new file mode 100644
index 00000000..d760d4df
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_hero_banner.scss
@@ -0,0 +1,1467 @@
+/*-------------------
+ Hero Banner Styles
+---------------------*/
+.hero-banner {
+ min-height: 660px;
+ display: flex;
+ align-items: center;
+
+ @media #{$smlg-device} {
+ min-height: 600px;
+ }
+ @media #{$md-layout} {
+ min-height: 100%;
+ }
+ .banner-content {
+ position: relative;
+ z-index: 1;
+ @media #{$md-layout} {
+ text-align: center;
+ margin-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ text-align: center;
+ margin-bottom: 40px;
+ }
+ .subtitle {
+ font-family: var(--font-secondary);
+ font-weight: var(--p-bold);
+ color: var(--color-tertiary);
+ text-transform: uppercase;
+ letter-spacing: 2.6px;
+ font-size: 16px;
+ margin-bottom: 20px;
+ display: block;
+ }
+ .title {
+ margin-bottom: 18px;
+ @media #{$smlg-device} {
+ br {
+ display: none;
+ }
+ }
+ }
+ p {
+ color: var(--color-heading);
+ font-size: 18px;
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -75px;
+ left: -90px;
+ }
+ }
+ }
+ }
+ .banner-thumbnail {
+ margin-right: -75px;
+ position: relative;
+ z-index: 1;
+ @media #{$smlg-device} {
+ margin-right: 0;
+ }
+ .thumbnail {
+ text-align: right;
+ @media #{$md-layout} {
+ text-align: center;
+ }
+ @media #{$sm-layout} {
+ text-align: center;
+ }
+ }
+ .instructor-info {
+ position: absolute;
+ bottom: 70px;
+ left: 0;
+ @media #{$sm-layout} {
+ bottom: 40px;
+ }
+ .inner {
+ background-color: var(--color-white);
+ border-radius: 10px;
+ padding: 26px 30px 16px;
+ box-shadow: 0px 20px 40px 0px rgba(0,0,0,.1);
+ .title {
+ margin-bottom: 5px;
+ }
+ .media {
+ display: flex;
+ .thumb {
+ margin-left: -2px;
+ }
+ .content {
+ line-height: 1;
+ color: var(--color-heading);
+ font-weight: 500;
+ margin-top: 10px;
+ span {
+ display: block;
+ font-weight: 700;
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: 50px;
+ left: 160px;
+ }
+ &.shape-2 {
+ top: 115px;
+ left: 170px;
+ }
+ &.shape-3 {
+ top: 45%;
+ left: 17%;
+ span {
+ &.circle-shape {
+ width: 41px;
+ height: 41px;
+ background: var(--color-tertiary);
+ border-radius: 100%;
+ }
+ }
+ }
+ &.shape-4 {
+ top: 114px;
+ right: 41px;
+ z-index: 1;
+ }
+ &.shape-5 {
+ bottom: 100px;
+ right: -50px;
+ }
+ &.shape-6 {
+ bottom: 132px;
+ right: -98px;
+ }
+ }
+ }
+ }
+
+ &.presentation-hero-style {
+ min-height: 745px;
+ flex-direction: column;
+ position: relative;
+ justify-content: center;
+ z-index: 1;
+ clip-path: none;
+ min-height: 930px;
+ margin-top: -110px;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-27.png);
+ z-index: -1;
+ }
+ @media #{$md-layout} {
+ min-height: 740px;
+ }
+ @media #{$sm-layout} {
+ min-height: 600px;
+ }
+ .banner-content {
+ text-align: center;
+ padding-bottom: 30px;
+ @media #{$sm-layout} {
+ padding: 160px 0;
+ }
+ .subtitle {
+ letter-spacing: 1px;
+ background: #31B978;
+ background: linear-gradient(to left, #31B978 0%, #1AB69D 76%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ margin-bottom: 40px;
+ @media #{$sm-layout} {
+ font-size: 14px;
+ }
+ }
+ .title {
+ margin-bottom: 40px;
+ }
+ &:before,
+ &:after {
+ content: '';
+ display: block;
+ position: absolute;
+ z-index: -1;
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid #dae1e3;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ &:before {
+ height: 570px;
+ width: 570px;
+ top: -140px;
+ left: 200px;
+ animation: ripple_3 2.5s linear 1s infinite;
+ @media #{$smlg-device} {
+ left: 110px;
+ }
+ @media #{$md-layout} {
+ height: 400px;
+ width: 400px;
+ left: 154px;
+ top: -70px;
+ }
+ }
+ &:after {
+ height: 370px;
+ width: 370px;
+ top: -43px;
+ left: 299px;
+ animation: ripple_3 2.5s linear infinite;
+ @media #{$smlg-device} {
+ left: 210px;
+ }
+ @media #{$md-layout} {
+ height: 300px;
+ width: 300px;
+ left: 202px;
+ top: -16px;
+ }
+ }
+ p {
+ width: 70%;
+ margin: 0 auto 30px;
+ @media #{$md-layout-1} {
+ width: 100%;
+ }
+ }
+ }
+ .banner-gallery {
+ display: block;
+ position: initial;
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ .thumbnail {
+ position: absolute;
+ z-index: 2;
+ img {
+ @media #{$laptop-device} {
+ width: 75%;
+ }
+ @media #{$smlg-device} {
+ width: 65%;
+ }
+ }
+ &.thumbnail-1 {
+ top: 225px;
+ left: 0;
+ img {
+ animation: none;
+ }
+ }
+ &.thumbnail-2 {
+ top: inherit;
+ bottom: 158px;
+ right: inherit;
+ left: 0;
+ padding: 0;
+ }
+ &.thumbnail-3 {
+ top: 195px;
+ right: 0;
+ img {
+ border-radius: 0;
+ }
+ }
+ &.thumbnail-4 {
+ bottom: 180px;
+ right: 0;
+ @media #{$laptop-device, $smlg-device} {
+ right: -115px;
+ }
+ }
+ &.thumbnail-5 {
+ top: 135px;
+ left: 325px;
+ border-radius: 10px;
+ img {
+ border-radius: 10px;
+ box-shadow: 0 20px 50px 0 rgba(0,0,0,.04);
+
+ }
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ }
+ }
+ .shape-group {
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ img {
+ @media #{$laptop-device} {
+ width: 75%;
+ }
+ @media #{$smlg-device} {
+ width: 65%;
+ }
+ }
+ &.shape-1 {
+ top: auto;
+ bottom: 37%;
+ left: 19%;
+ @media #{$laptop-device} {
+ bottom: 32%;
+ left: 19%;
+ }
+ img {
+ opacity: 1;
+ }
+ }
+ &.shape-2 {
+ top: auto;
+ bottom: 29%;
+ left: 20%;
+ z-index: 2;
+ }
+ &.shape-3 {
+ top: 145px;
+ bottom: auto;
+ left: auto;
+ right: 13%;
+ }
+ &.shape-4 {
+ top: 29%;
+ bottom: auto;
+ left: auto;
+ right: 15%;
+ z-index: 2;
+ @media #{$laptop-device} {
+ top: 19%;
+ right: 23%;
+ }
+ span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 16px solid var(--color-tertiary);
+ border-radius: 50%;
+ @media #{$laptop-device} {
+ height: 50px;
+ width: 50px;
+ border: 7px solid var(--color-tertiary);
+ }
+
+ }
+ }
+ }
+ }
+ }
+ &.hero-style-1 {
+ align-items: flex-end;
+ position: relative;
+ background-color: var(--bg-color);
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+
+ background-image: url(../images/banner/BG-1.png);
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ }
+ @media #{$md-layout} {
+ padding-top: 95px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 75px;
+ }
+ .banner-content {
+ .shape-group {
+ @media #{$smlg-device} {
+ display: none;
+ }
+ }
+ }
+ .banner-thumbnail {
+ .shape-group {
+ @media #{$smlg-device} {
+ display: none;
+ }
+ .shape-1 {
+ animation: edublink-sm-x-move 3.5s alternate infinite linear;
+ }
+ }
+ }
+ .shape-7 {
+ position: absolute;
+ right: -6px;
+ top: 13%;
+ z-index: 1;
+ @media #{$smlg-device} {
+ display: none;
+ }
+
+ img {
+ filter: opacity(.7);
+ -webkit-filter: opacity(.7);
+ }
+ }
+ }
+ &.hero-style-2 {
+ padding: 143px 0 180px;
+ background-position: center bottom;
+ position: relative;
+
+ @media #{$smlg-device} {
+ padding: 0;
+ }
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: url(../images/bg/bg-image-1.svg);
+ filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(503%) hue-rotate(316deg) brightness(103%) contrast(92%);
+ background-size: cover;
+ background-position: center;
+ z-index: -1;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0 150px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 150px;
+ }
+ .banner-gallery {
+ text-align: right;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ position: relative;
+ z-index: 1;
+ .thumbnail {
+ &.thumbnail-1 {
+ img {
+ border-radius: 0 70px 0 110px;
+ }
+ }
+ &.thumbnail-2 {
+ padding-top: 120px;
+ padding-left: 30px;
+ @media #{$md-layout} {
+ text-align: left;
+ }
+ @media #{$sm-layout} {
+ text-align: left;
+ padding-top: 0;
+ }
+ img {
+ border-radius: 50px 0 90px 0;
+ }
+ }
+ }
+ .online-support {
+ position: absolute;
+ left: 50px;
+ bottom: 40px;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ .inner {
+ display: flex;
+ padding: 30px;
+ align-items: center;
+ box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
+ background: #FFFFFF;
+ border-radius: 50px 10px 50px 10px;
+ .icon {
+ width: 50px;
+ height: 50px;
+ background: rgba(238,74,98,0.1);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ margin-right: 15px;
+ color: var(--color-secondary);
+ font-size: 22px;
+ }
+ .content {
+ text-align: left;
+ .subtitle {
+ font-size: 13px;
+ font-weight: var(--p-bold);
+ color: rgba(20,20,23, .5);
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ display: block;
+ }
+ .title {
+ font-weight: var(--p-medium);
+ line-height: 1;
+ margin-bottom: 0;
+ a {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -58px;
+ right: 125px;
+ // &.shape-light {
+ // display: inline-block;
+ // }
+
+ // &.shape-dark {
+ // display: none;
+ // }
+ }
+ &.shape-2 {
+ top: 85px;
+ right: -50px;
+ }
+ &.shape-3 {
+ bottom: 30px;
+ right: -108px;
+ }
+ &.shape-4 {
+ bottom: -10px;
+ left: -12px;
+ }
+ }
+ }
+ }
+ }
+ &.hero-style-3 {
+ min-height: 715px;
+ position: relative;
+ z-index: 1;
+ mask-image: url(../images/others/mask-01.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ @media #{$md-layout} {
+ min-height: 100%;
+ }
+ @media #{$sm-layout} {
+ min-height: 100%;
+ }
+
+ .swiper-slide {
+ padding: 0;
+ display:block;
+ &:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background: linear-gradient( 90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 80%);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1;
+ }
+ img {
+ transform: scale(1.4);
+ transition: transform 5s linear;
+ max-width: 100%;
+ width: 100%;
+ background-size: cover;
+ background-position: 100%;
+ min-height: 715px;
+ object-fit: cover;
+ }
+ &.swiper-slide-duplicate-active,
+ &.swiper-slide.swiper-slide-active {
+ img {
+ transform: scale(1);
+ }
+ }
+ }
+ .thumbnail-bg-content {
+
+ .banner-content {
+ max-width: 560px;
+ position: absolute;
+ left: 0;
+ bottom: 280px;
+ z-index: 12;
+ @media #{$custom-lg-device-six} {
+ bottom: 240px;
+ }
+ @media #{$md-layout-1} {
+ max-width: 100%;
+ bottom: 220px;
+ }
+ .subtitle {
+ opacity: 0;
+ visibility: hidden;
+ transform: translateY(50px);
+ transition-delay: 1500ms;
+ }
+ .title {
+ color: var(--color-white);
+ font-weight: var(--p-extra-bold);
+ opacity: 0;
+ visibility: hidden;
+ transform: translateY(60px);
+ transition-delay: 1700ms;
+ }
+ p {
+ color: var(--color-white);
+ font-size: 18px;
+ opacity: 0;
+ visibility: hidden;
+ transform: translateY(70px);
+ transition-delay: 1900ms;
+ }
+ .banner-btn {
+ opacity: 0;
+ transform: translateY(80px);
+ transition-delay: 2100ms;
+ }
+ }
+ }
+ .swiper-slide-active {
+ .thumbnail-bg-content {
+ .banner-content{
+ .subtitle {
+ opacity: 1;
+ visibility: visible;
+ transform: translateY(0px);
+ }
+ .title {
+ opacity: 1;
+ visibility: visible;
+ transform: translateY(0px);
+ }
+ p {
+ opacity: 1;
+ visibility: visible;
+ transform: translateY(0px);
+ }
+ .banner-btn {
+ opacity: 1;
+ visibility: visible;
+ transform: translateY(0px);
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ @extend %liststyle;
+ @media #{$md-layout} {
+ display: none;
+ }
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: 1;
+ &.shape-1 {
+ top: 45px;
+ left: 8.2%;
+ @media #{$extra-device} {
+ left: 4.2%;
+ }
+ @media #{$lg-layout-1} {
+ display: none;
+ }
+ }
+ &.shape-2 {
+ top: 21px;
+ left: 26%;
+ }
+ &.shape-3 {
+ top: -290px;
+ left: -153px;
+ }
+ }
+ }
+ .hero-slider-bg-controls {
+ position: absolute;
+ right: 70px;
+ top: 50%;
+ transform: translateY(-50%);
+ z-index: 10;
+ @media #{$md-layout-1} {
+ display: none;
+ }
+
+ .swiper-slide-controls {
+ display: inline-block;
+ width: 60px;
+ height: 60px;
+ line-height: 60px;
+ transition: all .4s ease-out;
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ i {
+ font-size: 20px;
+ line-height: 58px;
+ }
+ cursor: pointer;
+
+ &:hover {
+ transition: all .4s ease-out;
+ background-color: var(--color-secondary);
+ color: var(--color-white);
+ }
+ }
+
+ .slide-prev,
+ .slide-next {
+ position: relative;
+ width: 60px!important;
+ margin-left: auto;
+ margin-right: 6px;
+ text-align: center;
+ border-radius: 50%;
+ box-shadow: var(--shadow-darker3);
+ }
+ .slide-next {
+ right: 0px;
+ top: -69px;
+ }
+ .slide-prev {
+ right: -70px;
+ top: 0;
+ }
+ }
+ }
+ &.hero-style-4 {
+ min-height: 745px;
+ flex-direction: column;
+ position: relative;
+ justify-content: center;
+ z-index: 1;
+ clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 100%);
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-18.png);
+ z-index: -1;
+ }
+ @media #{$md-layout} {
+ clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 97%);
+ }
+ @media #{$sm-layout} {
+ clip-path: none;
+ }
+ .banner-content {
+ text-align: center;
+ padding-bottom: 30px;
+ p {
+ width: 70%;
+ margin: 0 auto 30px;
+ @media #{$md-layout-1} {
+ width: 100%;
+ }
+ }
+ }
+ .banner-gallery {
+ display: block;
+ position: initial;
+ .thumbnail {
+ position: absolute;
+ @media #{$laptop-device} {
+ width: 17%;
+ }
+ @media #{$smlg-device} {
+ width: 15%;
+ }
+ @media #{$large-mobile} {
+ width: 30%;
+ }
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ &.thumbnail-1 {
+ top: 140px;
+ left: 120px;
+ @media #{$laptop-device} {
+ left: 30px;
+ }
+ @media only screen and (max-width: 1200px) {
+ left: 80px;
+ }
+
+ img {
+ border-radius: 0;
+ animation: radiusChange 8s linear infinite;
+ }
+ }
+ &.thumbnail-2 {
+ top: 100px;
+ right: 120px;
+ padding-top: 0;
+ @media #{$laptop-device} {
+ right: 40px;
+ }
+ @media #{$md-layout} {
+ right: 15px;
+ }
+ @media #{$sm-layout} {
+ right: 15px;
+ }
+ img {
+ border-radius: 50px 0px;
+ animation: radiusChange2 5s linear;
+ }
+ }
+ &.thumbnail-3 {
+ bottom: 160px;
+ right: 310px;
+ padding-top: 0;
+ @media #{$laptop-device} {
+ right: 200px;
+ }
+ @media #{$smlg-device} {
+ right: 100px;
+ }
+ @media #{$md-layout} {
+ right: 15px;
+ }
+ @media #{$sm-layout} {
+ right: 15px;
+ }
+ img {
+ border-radius: 10px 40px;
+ }
+ }
+ }
+ .online-support {
+ position: absolute;
+ left: 240px;
+ bottom: 160px;
+ @media #{$smlg-device} {
+ left: 100px;
+ bottom: 100px;
+ }
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ @media #{$sm-layout} {
+ left: 0;
+ bottom: -40px;
+ }
+ .inner {
+ display: flex;
+ padding: 30px;
+ align-items: center;
+ box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
+ background: #FFFFFF;
+ border-radius: 50px 10px 50px 10px;
+ .icon {
+ width: 50px;
+ height: 50px;
+ background: rgba(238,74,98,0.1);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ margin-right: 15px;
+ color: var(--color-secondary);
+ font-size: 22px;
+ }
+ .content {
+ text-align: left;
+ .subtitle {
+ font-size: 13px;
+ font-weight: var(--p-bold);
+ color: rgba(20,20,23, .5);
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ display: block;
+ }
+ .title {
+ color: var(--color-heading);
+ font-weight: var(--p-medium);
+ line-height: 1;
+ margin-bottom: 0;
+ }
+ }
+ }
+ }
+ }
+ .scroll-down-btn {
+ position: absolute;
+ bottom: -75px;
+ left: 50%;
+ transform: translateX(-50%);
+ @media #{$sm-layout} {
+ bottom: -10px;
+ z-index: 12;
+ }
+ .scroll-btn {
+ height: 200px;
+ width: 200px;
+ background-color: rgba(255,255,255, .5);
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ @media #{$sm-layout} {
+ height: 50px;
+ width: 50px;
+ background-color: rgba(255,255,255, 1);
+ box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
+ align-items: center;
+ }
+ i {
+ padding-top: 40px;
+ font-size: 26px;
+ color: var(--color-primary);
+ @media #{$sm-layout} {
+ font-size: 16px;
+ padding-top: 0;
+ }
+ }
+ &:before,
+ &:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid #dfe7e9;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ &:before {
+ animation: ripple_2 3s linear infinite;
+ }
+ &:after {
+ animation: ripple_2 3s linear 1s infinite;
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ @media #{$md-layout} {
+ width: 10%;
+ }
+ @media #{$sm-layout} {
+ width: 10%;
+ }
+ &.shape-1 {
+ top: 50px;
+ left: 195px;
+ img {
+ opacity: .5;
+ }
+ @media only screen and (max-width: 1599px) {
+ left: 161px;
+ }
+ }
+ &.shape-2 {
+ top: 85px;
+ left: 335px;
+ img {
+ width: 130px;
+ }
+ @media only screen and (max-width: 1599px) {
+ left: 215px;
+ }
+ }
+ &.shape-3 {
+ bottom: 200px;
+ left: 130px;
+ }
+ &.shape-4 {
+ bottom: 220px;
+ left: 26%;
+ }
+ &.shape-5 {
+ top: 35px;
+ right: 24%;
+ }
+ &.shape-6 {
+ top: 66px;
+ right: 88px;
+ @media only screen and (max-width: 1599px) {
+ right: 8px;
+ }
+ }
+ &.shape-7 {
+ bottom: 210px;
+ right: 60px;
+ @media only screen and (max-width: 1599px) {
+ bottom: 220px;
+ right: -50px;
+ }
+ img {
+ opacity: .3;
+ }
+ }
+ &.shape-8 {
+ z-index: -2;
+ bottom: 120px;
+ left: -95px;
+ span {
+ display: block;
+ height: 270px;
+ width: 270px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+ }
+ &.hero-style-5 {
+ background-color: var(--color-lighten04);
+ mask-image: url(../images/others/mask-02.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ min-height: 715px;
+ position: relative;
+ @media #{$md-layout} {
+ padding: 100px 0;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0;
+ }
+ .banner-thumbnail {
+ margin-right: 0;
+ text-align: right;
+ padding: 40px;
+ @media #{$md-layout} {
+ text-align: center;
+ }
+ .thumbnail {
+ display: inline-block;
+ background-color: var(--color-white);
+ border-radius: 10px;
+ padding: 20px;
+ box-shadow: var(--shadow-darker);
+ position: relative;
+ }
+ .shape-group {
+ @media #{$lg-layout} {
+ display: block;
+ }
+ li {
+ @media #{$md-layout} {
+ width: 100%;
+ }
+ }
+ img {
+ transform: none;
+ }
+ .shape-1 {
+ top: 0;
+ left: auto;
+ right: 0;
+ @media #{$md-layout} {
+ left: 0;
+ right: 0;
+ }
+ }
+ .shape-2 {
+ top: auto;
+ bottom: 85px;
+ left: 52px;
+ z-index: 1;
+ }
+ .shape-3 {
+ top: 18px;
+ left: auto;
+ right: -45px;
+ z-index: -2;
+ }
+ .shape-4 {
+ top: -45px;
+ right: 8px;
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ @media #{$md-layout} {
+ width: 15%;
+ }
+ &.shape-1 {
+ top: 40px;
+ left: 70px;
+ }
+ &.shape-2 {
+ bottom: 28px;
+ left: 160px;
+ }
+ &.shape-3 {
+ top: 85px;
+ left: 46%;
+ }
+ &.shape-4 {
+ bottom: 70px;
+ right: 205px;
+ }
+ &.shape-5 {
+ top: 55px;
+ right: 75px;
+ }
+ }
+ }
+ }
+ &.hero-style-6 {
+ min-height: 710px;
+ position: relative;
+ z-index: 1;
+ @media #{$md-layout} {
+ padding: 100px 0 0;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 0;
+ }
+ &:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: var(--color-lighten01);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ mask-image: url(../images/others/mask-03.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ }
+
+ .banner-thumbnail {
+ margin-right: -15px;
+ text-align: right;
+ margin-bottom: -125px;
+ @media #{$md-layout} {
+ margin-bottom: 0;
+ margin-right: 0;
+ text-align: center;
+ }
+ @media #{$sm-layout} {
+ margin-bottom: 0;
+ margin-right: 0;
+ text-align: center;
+ }
+ .thumbnail {
+ display: inline-block;
+ position: relative;
+ }
+ .shape-group {
+ @media #{$smlg-device, $sm-layout} {
+ display: block;
+ }
+ img {
+ opacity: 1;
+ }
+ .shape-1 {
+ top: 80px;
+ left: auto;
+ right: 15px;
+ @media #{$md-layout-1} {
+ right: inherit;
+ left: 180px;
+ }
+ @media #{$sm-layout} {
+ left: 60px;
+ }
+ }
+ .shape-2 {
+ top: auto;
+ bottom: 250px;
+ left: 80px;
+ z-index: 1;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ .shape-3 {
+ top: 80px;
+ left: auto;
+ right: -75px;
+ z-index: -2;
+ }
+ .shape-4 {
+ top: 26px;
+ right: 22px;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ img {
+ opacity: .2;
+ }
+ &.shape-1 {
+ top: 45px;
+ left: 250px;
+ }
+ &.shape-2 {
+ bottom: 26px;
+ left: 115px;
+ }
+ &.shape-3 {
+ top: 25px;
+ right: 0px;
+ z-index: -1;
+ }
+ }
+ }
+ }
+ &.hero-style-7 {
+ min-height: 820px;
+ flex-direction: column;
+ position: relative;
+ justify-content: center;
+ background: linear-gradient(-90deg, rgba(49,185,120, .2) 0%, rgba(26, 182, 157, .2) 100%);
+ overflow: hidden;
+ @media #{$md-layout} {
+ min-height: 100%;
+ padding: 80px 0 100px;
+ }
+ @media #{$sm-layout} {
+ min-height: 100%;
+ padding: 60px 0 80px;
+ }
+ .banner-content {
+ text-align: center;
+ padding-top: 30px;
+ z-index: 2;
+ @media #{$md-layout} {
+ padding-top: 0;
+ }
+ @media #{$sm-layout} {
+ padding-top: 0;
+ }
+ p {
+ width: 70%;
+ margin: 0 auto 30px;
+ @media #{$sm-layout} {
+ width: 100%;
+ }
+ }
+ .features-list {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 -50px;
+ padding-top: 65px;
+ @media #{$sm-layout} {
+ margin: 0 -20px;
+ padding-top: 50px;
+ }
+ @media #{$large-mobile} {
+ margin: 0 -5px;
+ }
+ }
+ .features-box {
+ background-color: transparent;
+ padding: 0;
+ box-shadow: none;
+ margin: 0 50px;
+ @media #{$sm-layout} {
+ margin: 0 20px;
+ }
+ @media #{$large-mobile} {
+ margin: 0 5px;
+ }
+ .icon {
+ color: var(--color-white);
+ }
+ .content {
+ .title {
+ @media #{$large-mobile} {
+ font-size: 14px;
+ }
+ }
+ }
+ &.color-extra02-style{
+ .icon {
+ background-color: rgba(142, 86, 255, 1);
+ }
+ }
+ &.color-secondary-style {
+ .icon {
+ background-color: rgba(238, 74, 98, 1);
+ }
+ }
+ &.color-primary-style {
+ .icon {
+ background-color: rgba(26, 182, 157, 1);
+ }
+ }
+ }
+ }
+ .banner-gallery {
+ display: block;
+ position: initial;
+ .thumbnail {
+ position: absolute;
+ @media #{$laptop-device} {
+ width: 20%;
+ }
+ @media #{$smlg-device} {
+ width: 20%;
+ }
+ @media #{$sm-layout} {
+ display: none;
+ }
+ img {
+ border-radius: 0;
+ }
+ &.thumbnail-1 {
+ bottom: 160px;
+ left: 130px;
+ @media #{$lg-layout-1} {
+ left: 20px;
+ }
+ @media #{$md-layout} {
+ bottom: 50%;
+ }
+ @media #{$smlg-device} {
+ bottom: 50%;
+ }
+ }
+ &.thumbnail-2 {
+ bottom: 120px;
+ right: 150px;
+ padding-top: 0;
+ @media #{$lg-layout-1} {
+ right: 20px;
+ }
+ @media #{$md-layout} {
+ bottom: 50%;
+ }
+ @media #{$smlg-device} {
+ bottom: 50%;
+ }
+ }
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ img {
+ opacity: .3;
+ }
+ &.shape-1 {
+ top: 100px;
+ left: 82px;
+ }
+ &.shape-2 {
+ top: 47%;
+ left: 24%;
+ }
+ &.shape-3 {
+ bottom: 0;
+ left: 44%;
+ }
+ &.shape-4 {
+ top: 220px;
+ right: 21%;
+ }
+ &.shape-5 {
+ top: 135px;
+ right: 65px;
+ }
+ &.shape-6 {
+ top: -60px;
+ left: 35%;
+ img {
+ opacity: 1;
+ }
+ }
+ &.shape-7 {
+ bottom: -35px;
+ right: 21%;
+ img {
+ opacity: 1;
+ }
+ }
+ }
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_instagram.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_instagram.scss
new file mode 100644
index 00000000..549d8529
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_instagram.scss
@@ -0,0 +1,77 @@
+/*-------------------
+ Instagram Styles
+---------------------*/
+.instagram-grid {
+ text-align: center;
+ a {
+ position: relative;
+ border-radius: 5px;
+ overflow: hidden;
+ display: block;
+ img {
+ border-radius: 5px;
+ transition: var(--transition);
+ width: 100%;
+ }
+ &:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: var(--color-black);
+ border-radius: 5px;
+ opacity: .5;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ }
+ .user-info {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ transform: translateY(-50%) scale(1.5);
+ z-index: 1;
+ color: var(--color-white);
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+
+ .icon {
+ display: block;
+ font-size: 26px;
+ // @media #{$smlg-device} {
+ // font-size: 20px;
+ // }
+ }
+ .user-name {
+ font-size: 18px;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-semi-bold);
+ // @media #{$smlg-device} {
+ // font-size: 15px;
+ // }
+ }
+ }
+ }
+ &:hover {
+ a {
+ img {
+ transform: scale(1.1);
+ }
+ &:after {
+ visibility: visible;
+ opacity: .5;
+ }
+ .user-info {
+ transform: translateY(-50%) scale(1);
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_pricing.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_pricing.scss
new file mode 100644
index 00000000..a1ac1a3b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_pricing.scss
@@ -0,0 +1,91 @@
+/*-------------------
+ Pricing Table Styles
+---------------------*/
+.pricing-table {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ border-radius: 5px;
+ padding: 50px 30px 45px;
+ position: relative;
+ text-align: center;
+ .pricing-header {
+ margin-bottom: 35px;
+ text-align: center;
+ border-bottom: 1px solid #e7e7e7;
+ .price-wrap {
+ font-family: var(--font-secondary);
+ line-height: 1;
+ margin-bottom: 20px;
+ .amount {
+ font-weight: var(--p-bold);
+ font-size: 40px;
+ color: var(--color-heading);
+ display: block;
+ margin-bottom: 18px;
+ }
+ .duration {
+ color: var(--color-body);
+ font-size: 15px;
+ font-weight: var(--p-medium);
+ }
+ }
+
+ .title {
+ text-transform: uppercase;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-medium);
+ font-size: 15px;
+ color: var(--color-primary);
+ margin-bottom: 18px;
+ }
+ }
+
+ .pricing-body {
+ margin-bottom: 40px;
+ .list-item {
+ @extend %liststyle;
+ li{
+ display: flex;
+ align-items: center;
+ margin: 0;
+ justify-content: center;
+ color: var(--color-heading);
+ i {
+ color: var(--color-primary);
+ margin-right: 10px;
+ }
+ & + li {
+ margin-top: 16px;
+ }
+ &.item-off {
+ color: var(--color-body);
+ i {
+ color: var(--color-body);
+ opacity: .5;
+ }
+ }
+ }
+ }
+ }
+ .edu-btn {
+ &.btn-border {
+ padding: 0 30px;
+ i {
+ font-size: 15px;
+ font-weight: 600;
+ top: 2px;
+ padding-left: 10px;
+ }
+ &:after {
+ display: block;
+ }
+ }
+ }
+ &:hover {
+ .edu-btn {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ border-color: var(--color-primary);
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_privacy_policy.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_privacy_policy.scss
new file mode 100644
index 00000000..a12cb9ed
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_privacy_policy.scss
@@ -0,0 +1,47 @@
+/*-------------------
+ Privacy Policy Style
+---------------------*/
+.privacy-policy-area {
+ padding: 120px 0 100px;
+ @media #{$md-layout} {
+ padding: 100px 0;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0;
+ }
+}
+.privacy-policy {
+ padding-right: 50px;
+ h4.title {
+ margin-bottom: 25px;
+ }
+ p {
+ margin-bottom: 28px;
+ }
+ .text-block {
+ margin-bottom: 60px;
+ @media #{$sm-layout} {
+ margin-bottom: 50px;
+ }
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ ul {
+ @extend %liststyle;
+ li {
+ padding-left: 30px;
+ position: relative;
+ margin-top: 15px;
+ margin-bottom: 15px;
+ &:after {
+ content: "\e913";
+ font-family: var(--font-icomoon);
+ color: var(--color-primary);
+ position: absolute;
+ left: 0;
+ top: 0;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_product_details.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_product_details.scss
new file mode 100644
index 00000000..7fedbfae
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_product_details.scss
@@ -0,0 +1,232 @@
+/*----------------------------
+ Product Details Styles
+------------------------------*/
+.product-details-area {
+ padding-bottom: 95px;
+ @media #{$md-layout} {
+ padding-bottom: 70px;
+ }
+ @media #{$sm-layout} {
+ padding-bottom: 50px;
+ }
+ .thumbnail {
+ border: 1px solid var(--color-border);
+ text-align: center;
+ }
+ .content {
+ .title {
+ margin-bottom: 12px;
+ }
+ .product-rating {
+ display: flex;
+ align-content: center;
+ margin-bottom: 10px;
+ .rating {
+ margin-right: 5px;
+ i {
+ font-size: 14px;
+ color: #f8b81f;
+ padding: 0;
+ }
+ }
+ .rating-count {
+ font-size: 14px;
+ color: var(--color-heading);
+ font-weight: 600;
+ }
+ }
+ .price {
+ font-size: 18px;
+ font-weight: 600;
+ color: var(--color-primary);
+ font-family: var(--font-secondary);
+ }
+ p {
+ margin-top: 22px;
+ margin-bottom: 34px;
+ }
+ .product-action {
+ .edu-quantity-btn {
+
+ }
+ .add-to-cart-btn {
+ margin-top: 40px;
+ display: flex;
+ align-items: center;
+
+ @media #{$large-mobile} {
+ margin-top: 20px;
+ }
+ a {
+ margin-right: 10px;
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+ .wishlist-btn {
+ border: 1px solid var(--color-border);
+ height: 50px;
+ width: 50px;
+ line-height: 50px;
+ border-radius: 5px;
+ i {
+ font-size: 16px;
+ color: var(--color-heading);
+ }
+ &:hover {
+ border-color: var(--color-secondary);
+ i {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+
+ .product-feature {
+ @extend %liststyle;
+ margin-top: 32px;
+ li {
+ font-weight: 400;
+ margin: 6px 0;
+ font-size: 16px;
+ span {
+ font-weight: 600;
+ color: var(--color-heading);
+ }
+ a {
+ position: relative;
+ display: inline-block;
+ &::after {
+ position: absolute;
+ content: ",";
+ right: -3px;
+ }
+ &:last-child {
+ &:after {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.product-description-nav {
+ border-bottom: 1px solid var(--color-border);
+ justify-content: center;
+ margin-bottom: 35px;
+ .nav-item {
+ margin: 0 5px;
+ button {
+ &.nav-link {
+ background: transparent;
+ border: 0 none;
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 28px;
+ padding: 22px 25px;
+ color: var(--color-body);
+ font-family: var(--font-secondary);
+ position: relative;
+ transition: 0.3s;
+ &::after {
+ position: absolute;
+ content: "";
+ bottom: 0;
+ left: 0;
+ height: 2px;
+ background: var(--color-primary);
+ transition: 0.4s;
+ width: 0;
+ }
+ &:hover,
+ &.active {
+ color: var(--color-heading);
+ &::after {
+ width: 100%;
+ }
+ }
+ }
+ }
+ }
+}
+
+.product-description-content {
+ .comment-area {
+ margin-top: 0;
+ border-bottom: 1px solid var(--color-border);
+ padding-bottom: 45px;
+ .heading-title {
+ margin-bottom: 40px;
+ }
+ }
+ .comment-list-wrapper {
+ .comment {
+ .comment-content {
+ .title {
+ display: flex;
+ align-items: center;
+ @media #{$small-mobile} {
+ display: block;
+ }
+ }
+ .date {
+ margin-bottom: 0;
+ font-size: 15px;
+ color: var(--color-body);
+ font-weight: 400;
+ margin-left: 5px;
+ @media #{$small-mobile} {
+ margin-left: 0;
+ margin-top: 4px;
+ }
+ }
+ .rating {
+ font-size: 13px;
+ color: #ffc92e;
+ margin-bottom: 16px;
+ }
+ }
+ }
+ }
+ .comment-form-area {
+ margin-top: 70px;
+ }
+ .comment-form {
+ .review-rating {
+ display: flex;
+ align-items: center;
+ margin-bottom: 15px;
+ .title {
+ margin-bottom: 0;
+ margin-right: 15px;
+ }
+ .rating {
+ font-size: 14px;
+ color: #ffc92e;
+ }
+ }
+ .form-group {
+ label {
+ color: var(--color-body);
+ margin-bottom: 5px;
+ }
+ input {
+ box-shadow: none;
+ border: 1px solid var(--color-border);
+ height: 50px;
+ }
+ textarea {
+ box-shadow: none;
+ border: 1px solid var(--color-border);
+ }
+ .edu-form-check {
+ label:before {
+ background-color: transparent;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_shop.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_shop.scss
new file mode 100644
index 00000000..969cade7
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_shop.scss
@@ -0,0 +1,749 @@
+/*-------------------
+ Shop Styles
+---------------------*/
+.edu-product {
+ margin-bottom: 15px;
+
+ .inner {
+ text-align: center;
+
+ >.thumbnail {
+ position: relative;
+
+ >a {
+ display: block;
+ border: 1px solid var(--color-border);
+ overflow: hidden;
+
+ img {
+ width: 100%;
+ transition: var(--transition);
+ }
+ }
+
+ .product-hover-info {
+ text-align: center;
+ position: absolute;
+ top: 55%;
+ left: 0;
+ right: 0;
+ transform: translateY(-50%);
+ transition: var(--transition);
+ opacity: 0;
+ visibility: hidden;
+ z-index: 1;
+
+ ul {
+ @extend %liststyle;
+
+ li {
+ margin: 0;
+ padding: 7px;
+ position: relative;
+
+ a {
+ text-align: center;
+ font-size: 18px;
+ color: var(--color-black);
+ height: 36px;
+ width: 36px;
+ line-height: 40px;
+ background-color: var(--color-white);
+ border-radius: 50%;
+ box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
+
+ &:hover {
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ }
+ }
+
+ }
+ }
+ }
+ }
+
+ .content {
+ padding-top: 26px;
+
+ .title {
+ font-size: 16px;
+ margin-bottom: 8px;
+ }
+
+ .product-rating {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 8px;
+
+ .rating {
+ color: #ffc92e;
+ transition: var(--transition);
+ font-size: 14px;
+ }
+
+ .rating-count {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ margin-left: 5px;
+ transition: var(--transition);
+ }
+ }
+
+ .price {
+ font-size: 14px;
+ font-family: var(--font-secondary);
+ font-weight: var(--p-semi-bold);
+ color: var(--color-primary);
+ }
+ }
+ }
+
+ &:hover {
+ .inner {
+ .thumbnail {
+ a {
+ box-shadow: var(--shadow-darker);
+ border-color: var(--color-white);
+
+ img {
+ transform: scale(1.1);
+ opacity: .3;
+ }
+ }
+
+ .product-hover-info {
+ top: 50%;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+}
+
+// Cart Page Style
+
+.pro-qty {
+ width: 136px;
+ height: 55px;
+ border-radius: 5px;
+ border: 1px solid var(--color-border);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 5px 18px;
+ @media #{$large-mobile} {
+ width: 110px;
+ height: 50px;
+ }
+ input {
+ width: 28px;
+ float: left;
+ border: none;
+ height: 32px;
+ line-height: 30px;
+ padding: 0;
+ text-align: center;
+ background-color: transparent;
+ font-size: 15px;
+ margin: 0 12px;
+ color: #101010;
+ }
+ .qtybtn {
+ display: block;
+ float: left;
+ cursor: pointer;
+ text-align: center;
+ font-size: 20px;
+ color: #848484;
+ transition: 0.3s;
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ input::-webkit-outer-spin-button,
+ input::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+ }
+ input[type=number] {
+ -moz-appearance: textfield;
+ }
+}
+
+.cart-table {
+ th,
+ td {
+ border: none;
+ border-bottom: 1px solid #e6e6e6 !important;
+ &:last-child {
+ @media #{$sm-layout} {
+ border-bottom: none;
+ }
+ }
+ }
+
+ thead {
+ @media #{$sm-layout} {
+ display: none;
+ }
+
+ th {
+ font-size: 16px;
+ font-weight: var(--p-semi-bold);
+ font-family: var(--font-secondary);
+ text-transform: capitalize;
+ color: var(--color-heading);
+ padding: 18px 15px;
+
+ @media only screen and (max-width: 991px) {
+ padding: 20px 10px;
+ }
+ }
+ }
+
+ tbody {
+
+ tr {
+ @media #{$sm-layout} {
+ padding-left: 120px;
+ position: relative;
+ display: block;
+ border-bottom: 1px solid var(--color-lighter);
+ margin-bottom: 30px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ @media #{$large-mobile} {
+ padding-left: 90px;
+ }
+ }
+
+ td {
+ vertical-align: middle;
+ padding: 30px 15px;
+ font-size: 15px;
+ color: #222222;
+ min-width: 150px;
+
+ @media only screen and (max-width: 991px) {
+ font-size: 18px;
+ padding: 20px 10px;
+ }
+
+ @media #{$sm-layout} {
+ font-size: 16px;
+ display: block;
+ text-align: right;
+ padding: 10px 0;
+ position: relative;
+
+ &:before {
+ content: attr(data-title) " :";
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ font-size: 13px;
+ color: var(--color-black);
+ }
+ }
+
+ &.product-remove {
+ min-width: auto;
+
+ @media #{$sm-layout} {
+ position: absolute;
+ top: 0;
+ right: 0;
+ border-bottom: none !important;
+ z-index: 1;
+ }
+
+ .remove-wishlist {
+ display: block;
+ text-align: center;
+ height: 32px;
+ width: 32px;
+ line-height: 30px;
+ font-size: 14px;
+ color: var(--color-black);
+ transition: var(--transition);
+
+ @media #{$sm-layout} {
+ font-size: 10px;
+ }
+
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+
+ &:before {
+ display: none;
+ }
+ }
+
+ &.product-thumbnail {
+ width: 110px;
+ @media #{$sm-layout} {
+ width: 80px;
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-bottom: none !important;
+ text-align: left;
+ }
+ a {
+ border: 1px solid var(--color-border);
+ img {
+ height: 110px;
+ @media #{$large-mobile} {
+ height: 85px;
+ }
+ }
+ }
+
+ &:before {
+ display: none;
+ }
+ }
+
+ &.product-title {
+ width: 30%;
+ color: var(--color-heading);
+ font-size: 16px;
+ font-weight: var(--p-semi-bold);
+ font-family: var(--font-secondary);
+
+ @media #{$sm-layout} {
+ width: 100%;
+ text-align: left;
+ padding-right: 40px;
+ }
+
+ a {
+ transition: var(--transition);
+ }
+
+ &:before {
+ display: none;
+ }
+ }
+ &.product-quantity {
+ .pro-qty {
+ margin: 0 auto;
+ margin-right: 0;
+ }
+ }
+ }
+ }
+}
+
+.wishlist-table {
+ tbody {
+ td {
+ &.product-add-cart {
+ &:before {
+ display: none;
+ }
+ }
+ }
+ }
+}
+
+.cart-update-btn-area {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 30px;
+
+ @media #{$large-mobile} {
+ display: block;
+ }
+ .product-cupon {
+ flex-wrap: nowrap;
+ border: 1px solid #e6e6e6;
+ border-radius: 5px;
+ height: 50px;
+ padding: 5px 5px 5px 20px;
+ max-width: 430px;
+ input {
+ padding: 0;
+ border: none;
+ height: auto;
+ padding-right: 20px;
+ }
+ .submit-btn {
+ border: none;
+ background: var(--gradient-primary);
+ color: var(--color-white);
+ border-radius: 5px !important;
+ padding: 5px 22px;
+ font-size: 12px;
+
+ }
+ }
+
+ .update-btn {
+ text-align: right;
+
+ @media #{$large-mobile} {
+ text-align: left;
+ margin-top: 20px;
+ }
+
+ .edu-btn {
+ &.disabled {
+ opacity: .5;
+ }
+ }
+ }
+}
+
+.order-summery {
+ margin-top: 100px;
+ @media #{$sm-layout} {
+ margin-top: 80px;
+ }
+ .title {
+ margin-bottom: 24px;
+ }
+ .summery-table {
+ tbody {
+ td {
+ border-color: #e6e6e6;
+ font-size: 16px;
+ color: var(--color-heading);
+ padding: 14px 30px;
+ &:first-child {
+ font-weight: var(--p-semi-bold);
+ width: 165px;
+ font-family: var(--font-secondary);
+ }
+ &:last-child {
+ font-size: 15px;
+ text-align: right;
+ color: #848484;
+ }
+
+ }
+ }
+ .order-total {
+ td {
+ &:last-child {
+ color: var(--color-heading);
+ font-weight: var(--p-semi-bold);
+ }
+ }
+ }
+ }
+ .checkout-btn {
+ width: 100%;
+ }
+
+ &.checkout-summery {
+ margin-top: 0;
+ @media #{$md-layout} {
+ margin-top: 80px;
+ }
+ @media #{$sm-layout} {
+ margin-top: 60px;
+ }
+ .summery-table-wrap {
+ border: 1px solid var(--color-border);
+ border-radius: 5px;
+ padding: 45px 50px 30px;
+ @media #{$large-mobile} {
+ padding: 40px 20px 20px;
+ }
+ .title {
+ margin-bottom: 18px;
+ }
+ table {
+ margin-bottom: 0;
+ tr {
+ &:last-child {
+ td {
+ border-bottom: none;
+ }
+ }
+ }
+ td {
+ border: none;
+ border-bottom: 1px solid var(--color-border);
+ width: auto;
+ padding: 12px 0;
+ color: var(--color-heading);
+ @media #{$large-mobile} {
+ font-size: 14px;
+ }
+ }
+ .order-subtotal {
+ td {
+ &:last-child {
+ color: var(--color-body);
+ font-weight: var(--p-medium);
+ }
+ }
+ }
+ .order-total {
+ td {
+ font-weight: var(--p-bold);
+ }
+ }
+ }
+ }
+ }
+}
+
+
+
+// My Account Style
+.account-page-area {
+ .shape-group {
+ @extend %liststyle;
+ @media #{$md-layout} {
+ display: none;
+ }
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ bottom: -10px;
+ left: 60px;
+ }
+ &.shape-2 {
+ top: -60px;
+ right: 50px;
+ }
+ &.shape-3 {
+ top: -30px;
+ right: 0px;
+ z-index: 1;
+ }
+ }
+ }
+}
+
+.login-form-box {
+ box-shadow: 0 10px 40px 0 rgba(0,0,0,.08);
+ padding: 70px 50px;
+ border-radius: 5px;
+ background-color: var(--color-white);
+ @media #{$sm-layout} {
+ padding: 40px 30px;
+ }
+ .title {
+ margin-bottom: 5px;
+ }
+ a {
+ color: var(--color-primary);
+ &:hover {
+ color: var(--color-secondary);
+ }
+ }
+ p {
+ color: var(--color-heading);
+ margin-bottom: 25px;
+ }
+ .form-group {
+ position: relative;
+ input {
+ border: 1px solid var(--color-border);
+ height: 50px;
+ }
+ .edu-btn {
+ width: 100%;
+ }
+ .password-show {
+ position: absolute;
+ bottom: 11px;
+ right: 18px;
+ color: #b2b2b2;
+ font-size: 13px;
+ cursor: pointer;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ .chekbox-area {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin: 25px 0;
+ @media #{$small-mobile} {
+ display: block;
+ }
+ .edu-form-check {
+ position: relative;
+ label {
+ padding-left: 28px;
+ &:before {
+ background-color: #f7f7f7;
+ border-color: var(--color-border);
+ }
+ }
+ input {
+ height: auto;
+ &:checked {
+ ~label {
+ &::before {
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
+ }
+ &::after {
+ opacity: 1;
+ }
+ }
+ }
+ }
+ }
+ .password-reset {
+ font-size: 16px;
+ @media #{$small-mobile} {
+ padding-left: 30px;
+ margin-top: 5px;
+ }
+ }
+ }
+}
+
+
+// Checkout Page
+
+.checkout-notice {
+ margin-bottom: 65px;
+ .coupn-box {
+ padding: 0 30px;
+ border: 1px solid var(--color-border);
+ border-radius: 5px;
+ }
+ .toggle-bar {
+ padding: 18px 0;
+ margin-bottom: 0;
+ a {
+ color: var(--color-primary);
+ transition: var(--transition);
+ }
+ }
+ .input-group {
+ @media #{$small-mobile} {
+ display: block;
+ }
+ input {
+ width: auto;
+ border: 1px solid var(--color-border);
+ height: 50px;
+ border-radius: 5px !important;
+ }
+ .apply-btn {
+ margin-left: 10px !important;
+ @media #{$small-mobile} {
+ margin-left: 0 !important;
+ margin-top: 15px;
+ }
+ }
+ }
+ .toggle-open {
+ display: none;
+ margin-top: 10px;
+ margin-bottom: 30px;
+ }
+}
+
+.checkout-billing {
+ .title {
+ margin-bottom: 30px;
+ }
+ .form-group {
+ margin-bottom: 25px;
+ label {
+ font-size: 16px;
+ margin-bottom: 5px;
+ }
+ input {
+ border: 1px solid #e6e6e6;
+ border-radius: 5px;
+ height: 45px;
+ margin-bottom: 10px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ textarea {
+ border: 1px solid #e6e6e6;
+ border-radius: 5px;
+ }
+ select {
+ height: 45px;
+ background-color: transparent;
+ border: 1px solid var(--color-border);
+ color: var(--color-body);
+ font-weight: 400;
+ background: url(../images/icons/arrow-icon.png) 92% center no-repeat transparent
+ }
+ }
+}
+
+.order-payment {
+ border: 1px solid var(--color-border);
+ border-radius: 5px;
+ padding: 50px 50px 42px;
+ margin-top: 50px;
+ @media #{$large-mobile} {
+ padding: 40px 20px 30px;
+ }
+ .title {
+ margin-bottom: 40px;
+ }
+ .payment-method {
+ background-color: #f5f9fa;
+ padding: 30px 30px 45px;
+ margin-bottom: 30px;
+ @media #{$large-mobile} {
+ padding: 30px 20px 30px;
+ }
+ }
+ .form-group {
+ position: relative;
+ border-bottom: 1px solid #dce0e0;
+ margin-bottom: 22px;
+ padding-bottom: 22px;
+ &:last-child {
+ margin-bottom: 0;
+ padding-bottom: 0;
+ }
+ p {
+ margin-top: 5px;
+ margin-bottom: 0;
+ padding-left: 30px;
+ }
+ a {
+ margin-left: 20px;
+ font-weight: 500;
+ }
+ label {
+ font-size: 16px;
+ font-weight: 500;
+
+ }
+ &:last-child {
+ border-bottom: none;
+ }
+ input[type="checkbox"],
+ input[type="radio"] {
+ width: auto;
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_splash.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_splash.scss
new file mode 100644
index 00000000..2b78df1e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_splash.scss
@@ -0,0 +1,897 @@
+/*-------------------
+ Splash Page Styles
+---------------------*/
+// Disable Preloader
+.edublink-landing-page {
+ #edublink-preloader {
+ display: none !important;
+ }
+}
+// Header Style
+.pv-header-style {
+ &.edu-header {
+ .header-mainmenu {
+ background-color: transparent;
+ box-shadow: none;
+ z-index: 5;
+ &.edu-sticky {
+ box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .05);
+ }
+ }
+ }
+ .mainmenu-nav {
+ margin-right: 30px;
+ .mainmenu {
+ justify-content: flex-end !important;
+ li {
+ a {
+ padding: 0 20px;
+ height: 90px;
+ line-height: 90px;
+ }
+ }
+ }
+ }
+ .edublink-vue-mobile-popup-menu {
+ .mainmenu {
+ li {
+ &.header-btn {
+ padding-top: 30px;
+ .edu-btn {
+ padding: 0;
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ }
+
+ }
+}
+
+// CounterUp Style
+.pv-demo-counterup {
+ margin-top: -95px;
+ position: relative;
+ z-index: 1;
+ .counterup-wrap {
+ background-color: var(--color-white);
+ max-width: 870px;
+ width: 100%;
+ box-shadow: 0 20px 50px 0 rgba(0,0,0, .03);
+ border-radius: 10px;
+ margin: 0 auto;
+ padding: 50px 0;
+ @media #{$sm-layout} {
+ padding: 40px 0;
+ }
+ .edu-counterup {
+ box-shadow: none;
+ padding: 0 30px;
+ border-radius: 0;
+ @media #{$sm-layout} {
+ padding: 0 20px;
+ }
+ @media #{$large-mobile} {
+ padding: 20px;
+ }
+ &.border-end {
+ border-color: var(--color-border);
+ @media #{$large-mobile} {
+ border: none !important;
+ }
+ }
+ .count-number {
+ font-size: 50px;
+ margin-bottom: 0;
+ @media #{$md-layout} {
+ font-size: 40px;
+ }
+ @media #{$sm-layout} {
+ font-size: 30px;
+ }
+ }
+ .title {
+ font-weight: 600;
+ font-size: 17px;
+ color: var(--color-heading);
+ text-transform: capitalize;
+ }
+ }
+ }
+}
+
+// Demo Style
+
+.pv-demo-area {
+ padding: 140px 0 90px;
+ @media #{$lg-layout} {
+ padding: 110px 0 60px;
+ }
+ @media #{$md-layout} {
+ padding: 90px 0 40px;
+ }
+ @media #{$sm-layout} {
+ padding: 70px 0 20px;
+ }
+}
+
+.single-demo {
+ text-align: center;
+ margin-bottom: 60px;
+ position: relative;
+ .new-wrapper {
+ position: absolute;
+ right: -15px;
+ top: -15px;
+ background-color: var(--color-tertiary);
+ color: var(--color-white);
+ width: 70px;
+ height: 70px;
+ line-height: 70px;
+ box-shadow: 0px 10px 30px 0px rgba(179, 109, 28, 0.4);
+ border-radius: 50%;
+ z-index: 1;
+ }
+ .inner {
+ background-color: var(--color-white);
+ box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.07);
+ border-radius: 5px;
+ padding: 15px;
+ transition: 0.3s;
+ }
+
+ &.coming-soon {
+ a {
+ pointer-events: none;
+ }
+ }
+
+ .thumbnail {
+ position: relative;
+ text-align: center;
+ .thumbnail-link {
+ display: block;
+ position: relative;
+ &::before {
+ background: rgba(0, 0, 0, 0.35);
+ border-radius: 5px;
+ position: absolute;
+ content: "";
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ }
+
+ img {
+ border-radius: 5px;
+ width: 100%;
+ }
+
+ }
+
+ .hover-action {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ transform: translateY(-50%);
+ z-index: 1;
+ transition: 0.3s;
+ opacity: 0;
+ }
+ }
+
+ .title {
+ font-weight: 700;
+ font-size: 20px;
+ margin-top: 28px;
+ margin-bottom: 10px;
+ }
+
+ &:hover {
+ .inner {
+ box-shadow: 0px 30px 70px rgba(0, 0, 0, 0.12);
+ transform: translateY(-10px);
+ }
+
+ .thumbnail {
+ .thumbnail-link {
+ &::before {
+ opacity: 1;
+ }
+ }
+
+ .hover-action {
+ opacity: 1;
+ }
+ }
+ }
+}
+
+
+.pv-elementor-area {
+ padding: 150px 0;
+ @media #{$lg-layout} {
+ padding: 120px 0 100px;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0 80px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 60px;
+ }
+ .elementor-content {
+ .splash-title {
+ @media #{$smlg-device} {
+ text-align: center;
+ }
+ img {
+ margin-bottom: 35px;
+ }
+ p {
+ width: 60%;
+ @media #{$smlg-device} {
+ width: 100%;
+ }
+ }
+ }
+ }
+ .elementor-thumbnail {
+ position: relative;
+ z-index: 1;
+ @media #{$smlg-device} {
+ text-align: center;
+ }
+ img {
+ border-radius: 20px;
+ }
+ .shape-group {
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ @extend %liststyle;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -50px;
+ left: -75px;
+ }
+ &.shape-2 {
+ top: -82px;
+ left: -14px;
+ z-index: 1;
+ }
+ &.shape-3 {
+ bottom: -70px;
+ right: 50px;
+ }
+ &.shape-4 {
+ bottom: -80px;
+ right: -80px;
+ z-index: -2;
+ }
+ }
+ }
+ }
+}
+
+.pv-courses-demo {
+ position: relative;
+ padding: 150px 0 40px;
+ @media #{$lg-layout} {
+ padding: 120px 0 30px;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0 20px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 10px;
+ }
+ .splash-title {
+ &.section-title {
+ margin-bottom: 80px;
+ @media #{$md-layout-1} {
+ margin-bottom: 50px;
+ }
+ }
+ .shape-line {
+ margin-bottom: 28px;
+ }
+ p {
+ color: var(--color-heading);
+ font-size: 16px;
+ }
+ }
+ .margque-courses {
+ background-image: url(../images/preview/courses.png);
+ background-repeat: repeat-x;
+ background-size: auto;
+ height: 460px;
+ position: relative;
+ z-index: 1;
+ margin-top: -20px;
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 100px;
+ right: 140px;
+ @media #{$custom-laptop-device} {
+ top: 80px;
+ right: 30px;
+ }
+ }
+ &.shape-2 {
+ top: 310px;
+ left: 40px;
+ @media #{$laptop-device} {
+ display: none;
+ }
+ }
+ &.shape-3 {
+ top: 330px;
+ left: 165px;
+ z-index: 1;
+ @media #{$laptop-device} {
+ display: none;
+ }
+ }
+ &.shape-4 {
+ top: 130px;
+ left: 15%;
+ }
+ &.shape-5 {
+ top: -252px;
+ right: -111px;
+ z-index: -2;
+ @media #{$custom-laptop-device} {
+ top: -230px;
+ right: -270px;
+ }
+ span {
+ display: block;
+ height: 470px;
+ width: 470px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+}
+
+// course details demo area
+.pv-course-details-area {
+ position: relative;
+ padding: 115px 0 135px;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/preview-course-bg.jpg);
+ z-index: -1;
+ }
+ @media #{$lg-layout} {
+ padding: 120px 0 65px;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0 20px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 40px;
+ }
+ .course-content {
+ max-width: 460px;
+ @media only screen and (max-width: 1710px) {
+ padding-left: 50px;
+ }
+ @media #{$lg-layout} {
+ padding-left: 0px;
+ }
+ @media #{$md-layout-1} {
+ max-width: 100%;
+ padding-left: 0px;
+ }
+ .splash-title {
+ &.section-title {
+ @media #{$md-layout-1} {
+ margin-bottom: 20px;
+ }
+ }
+ @media only screen and (max-width: 991px) {
+ text-align: center;
+ }
+ img {
+ margin-bottom: 35px;
+ }
+ }
+ }
+ .course-thumbnail {
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ position: relative;
+ z-index: 1;
+ text-align: right;
+ .course-instructor {
+ position: absolute;
+ content: '';
+ left: -40px;
+ top: 150px;
+ @media #{$lg-layout-1} {
+ left: -50px;
+ max-width: 320px;
+ }
+ @media #{$smlg-device} {
+ display: none;
+ }
+ }
+ .shape-group {
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -30px;
+ left: 60px;
+ @media only screen and (max-width: 1710px) {
+ top: -30px;
+ left: -10px;
+ }
+ }
+ &.shape-2 {
+ top: -40px;
+ left: 135px;
+ z-index: 1;
+ @media only screen and (max-width: 1710px) {
+ top: -40px;
+ left: 65px;
+ }
+ }
+
+ &.shape-3 {
+ bottom: -10px;
+ right: -30px;
+ }
+
+ &.shape-4 {
+ bottom: 7px;
+ right: 100px;
+ }
+ }
+ }
+ }
+}
+
+// shop page demo area
+.pv-shop-area {
+ position: relative;
+ padding: 125px 0 115px;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-24.jpg);
+ background-size: cover;
+ z-index: -1;
+ }
+ @media #{$lg-layout} {
+ padding: 120px 0 65px;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0 20px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 40px;
+ }
+ .shop-content {
+ padding-left: 145px;
+ @media #{$custom-lg-device-eight} {
+ padding-left: 55px;
+ }
+ @media #{$smlg-device} {
+ padding-left: 0px;
+ }
+ .splash-title {
+ &.section-title {
+ @media #{$md-layout-1} {
+ margin-bottom: 20px;
+ }
+ }
+ @media only screen and (max-width: 991px) {
+ text-align: center;
+ }
+ img {
+ margin-bottom: 35px;
+ }
+ }
+ }
+ .shop-thumbnail {
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ .shop-thumbnail-images {
+ position: relative;
+ z-index: 1;
+ .shop-demo-left {
+ position: absolute;
+ content: '';
+ left: -160px;
+ top: 150px;
+ @media #{$custom-lg-device-two, $custom-laptop-device} {
+ left: -50px;
+ max-width: 300px;
+ }
+ @media #{$smlg-device} {
+ display: none;
+ }
+ }
+ .shop-demo-right {
+ position: absolute;
+ content: '';
+ right: -50px;
+ top: 100px;
+ @media #{$custom-lg-device-two} {
+ right: 0px;
+ }
+ @media #{$custom-laptop-device} {
+ right: -30px;
+ }
+ @media #{$smlg-device} {
+ display: none;
+ }
+ }
+ .shape-group {
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ @extend %liststyle;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -55px;
+ left: -35px;
+ }
+ &.shape-2 {
+ bottom: -46px;
+ right: 160px;
+ }
+ &.shape-3 {
+ top: 147px;
+ left: 130px;
+ z-index: 0;
+ @media #{$custom-laptop-device} {
+ top: 151px;
+ left: 154px;
+ }
+ span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 16px solid var(--color-tertiary);
+ border-radius: 50%;
+ @media #{$custom-laptop-device} {
+ height: 70px;
+ width: 70px;
+ border: 11px solid var(--color-tertiary);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.pv-features-area {
+ padding: 150px 0 100px;
+ @media #{$lg-layout} {
+ padding: 120px 0 70px;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0 50px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 30px;
+ }
+}
+
+.demo-feature {
+ margin-bottom: 45px;
+ .inner {
+ text-align: center;
+ .icon {
+ background: #FFFFFF;
+ box-shadow: 0px 15px 60px 0 rgba(0, 0, 0, 0.1);
+ border-radius: 30px;
+ width: 100%;
+ height: 202px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ img {
+ max-height: 80px;
+ }
+ }
+
+ .title {
+ margin-bottom: 0;
+ margin-top: 30px;
+ font-weight: 700;
+ }
+ }
+}
+
+
+.pv-inner-page-area {
+ padding: 150px 0 75px;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-25.jpg);
+ background-size: cover;
+ z-index: -1;
+ }
+
+ @media #{$lg-layout} {
+ padding: 120px 0 45px;
+ }
+ @media #{$md-layout} {
+ padding: 100px 0 30px;
+ }
+ @media #{$sm-layout} {
+ padding: 80px 0 20px;
+ }
+ .splash-title {
+ .shape-line {
+ margin-bottom: 28px;
+ }
+ p {
+ color: var(--color-heading);
+ font-size: 16px;
+ }
+ }
+ .margque-inner-page {
+ background-image: url(../images/preview/inner-demo.png);
+ background-repeat: repeat-x;
+ background-size: auto;
+ height: 650px;
+ position: relative;
+ z-index: 1;
+ margin-top: -20px;
+ }
+ .shape-group {
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ @extend %liststyle;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -65px;
+ left: -85px;
+ }
+ &.shape-2 {
+ top: 80px;
+ left: 152px;
+ }
+ &.shape-3 {
+ top: 20%;
+ right: 18%;
+ span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 15px solid var(--color-tertiary);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+}
+
+.pv-zoom-demo-area {
+ padding: 85px 0 20px;
+ .zoom-content {
+ .splash-title {
+ @media only screen and (max-width: 991px) {
+ text-align: center;
+ }
+ img {
+ margin-bottom: 35px;
+ }
+ p {
+ width: 80%;
+ @media only screen and (max-width: 991px) {
+ width: 100%;
+ }
+ }
+ }
+ }
+ .zoom-thumbnail {
+ position: relative;
+ z-index: 1;
+ margin-right: -60px;
+ padding-right: 15px;
+ @media only screen and (max-width: 991px) {
+ margin-right: 0;
+ padding-right: 0;
+ }
+ .shape-group {
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ @extend %liststyle;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: 25px;
+ right: 175px;
+ }
+ &.shape-2 {
+ top: 0;
+ right: 308px;
+ span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 15px solid var(--color-tertiary);
+ border-radius: 50%;
+ }
+ }
+ &.shape-3 {
+ bottom: 45px;
+ left: 130px;
+ }
+ }
+ }
+ }
+}
+
+.pv-cta-area {
+ background-color: #1B1C1C;
+ padding: 145px 0 120px;
+ position: relative;
+ z-index: 1;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-29.png);
+ background-size: cover;
+ z-index: -1;
+ }
+ @media #{$md-layout} {
+ padding: 120px 0 100px;
+ }
+ @media #{$sm-layout} {
+ padding: 100px 0;
+ }
+ .cta-content {
+ text-align: center;
+ .subtitle {
+ font-size: 20px;
+ font-weight: 600;
+ font-family: var(--font-secondary);
+ color: var(--color-tertiary);
+ margin-bottom: 30px;
+ display: block;
+ }
+ .title {
+ font-size: 40px;
+ color: var(--color-white);
+ margin-bottom: 55px;
+ @media #{$md-layout} {
+ font-size: 36px;
+ }
+ @media #{$sm-layout} {
+ font-size: 30px;
+ }
+ }
+ .button-group {
+ justify-content: center;
+ margin: -10px;
+ @media #{$large-mobile} {
+ display: block;
+ }
+ a {
+ margin: 10px;
+ }
+ .btn-bg-white {
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .shape-group {
+ @media #{$smlg-device} {
+ display: block;
+ }
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ li {
+ @extend %liststyle;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: 80px;
+ left: 7%;
+ @media #{$smlg-device} {
+ left: 3%;
+ }
+ }
+ &.shape-2 {
+ top: 90px;
+ left: 10%;
+ z-index: -1;
+ @media #{$smlg-device} {
+ left: 7%;
+ }
+ img {
+ @media #{$custom-lg-device-eight, $lg-layout} {
+ width: 85%;
+ }
+ }
+ }
+ &.shape-3 {
+ top: 32%;
+ right: 11%;
+ @media #{$smlg-device} {
+ right: 2%;
+ }
+ }
+ &.shape-4 {
+ bottom: 25%;
+ right: 14%;
+ @media #{$smlg-device} {
+ right: 2%;
+ }
+ span {
+ display: block;
+ height: 135px;
+ width: 135px;
+ border: 16px solid var(--color-tertiary);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_team.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_team.scss
new file mode 100644
index 00000000..c6df6961
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_team.scss
@@ -0,0 +1,496 @@
+/*-------------------
+ Team Styles
+---------------------*/
+.team-share-info {
+ @extend %liststyle;
+ margin: -5px;
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ transform: translateY(-50%);
+ li {
+ display: inline-block;
+ margin: 5px;
+ a {
+ width: 40px;
+ height: 40px;
+ line-height: 39px;
+ border: 2px solid var(--color-white);
+ text-align: center;
+ border-radius: 50%;
+ font-size: 18px;
+ color: var(--color-white);
+ transition: var(--transition);
+ &:hover {
+ background: var(--color-white);
+ color: var(--color-primary);
+ }
+ }
+ }
+}
+.edu-team-grid {
+ .thumbnail-wrap {
+ position: relative;
+ }
+ .thumbnail {
+ margin-bottom: 25px;
+ a {
+ border-radius: 10px;
+ position: relative;
+ display: block;
+ img {
+ border-radius: 10px;
+ width: 100%;
+ }
+ &:after {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(26,182,157, .6);
+ border-radius: 10px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ }
+ }
+ }
+ .content {
+ text-align: center;
+ .title {
+ margin-bottom: 4px;
+ }
+ .designation {
+ display: inline-block;
+ }
+ }
+ .team-share-info {
+ li {
+ transform: translateX(10px);
+ visibility: hidden;
+ opacity: 0;
+ transition: var(--transition);
+ }
+ }
+ &:hover {
+ .thumbnail {
+ a {
+ &:after {
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ .team-share-info {
+ li {
+ transform: translateX(0);
+ visibility: visible;
+ opacity: 1;
+ &:nth-child(1n) {
+ transition-delay: .2s;
+ }
+ &:nth-child(2n) {
+ transition-delay: .3s;
+ }
+ &:nth-child(3n) {
+ transition-delay: .4s;
+ }
+ &:nth-child(4n) {
+ transition-delay: .5s;
+ }
+ }
+ }
+ }
+ &.team-style-1 {
+ .team-share-info {
+ top: 20px;
+ right: 20px;
+ left: auto;
+ transform: translateY(0);
+ margin: -10px 0;
+ li {
+ display: block;
+ margin: 10px 0;
+ transform: translateY(-10px);
+ &:first-child {
+ transform: translateY(0);
+ visibility: visible;
+ opacity: 1;
+ a {
+ border-color: var(--color-primary);
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ &:hover {
+ .team-share-info{
+ li {
+ transform: translateY(0);
+ &:first-child {
+ a {
+ background-color: var(--color-white);
+ border-color: var(--color-white);
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ }
+ &.team-style-2 {
+ padding: 0 30px 36px;
+ position: relative;
+ z-index: 1;
+ &:after {
+ content: "";
+ height: 75%;
+ width: 100%;
+ background-color: var(--color-white);
+ border-radius: 10px;
+ box-shadow: var(--shadow-darker);
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ }
+ .content {
+ .designation {
+ margin-bottom: 15px;
+ }
+ p {
+ margin-bottom: 0;
+ }
+ }
+ }
+ &.team-style-3 {
+ position: relative;
+ .thumbnail {
+ margin-bottom: 0;
+ }
+ .content {
+ text-align: left;
+ position: absolute;
+ bottom: 30px;
+ left: 30px;
+ .title,
+ .designation {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker2);
+ border-radius: 4px;
+ }
+ .title {
+ margin-bottom: 10px;
+ font-size: 20px;
+ padding: 11px 25px 9px;
+ }
+ .designation {
+ padding: 4px 20px;
+ font-size: 16px;
+ }
+ }
+ .team-share-info {
+ top: 35%;
+ }
+ }
+ &.team-style-4 {
+ position: relative;
+ .thumbnail {
+ margin-bottom: 0;
+ a {
+ &:after {
+ background: linear-gradient(-125deg, rgba(49,185,120,0.8) 0%, rgba(26,182,157,0.8) 100%);
+ }
+ }
+ }
+ .content {
+ text-align: left;
+ display: inline-block;
+ margin-top: -30px;
+ position: relative;
+ margin-left: 30px;
+ .title,
+ .designation {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker2);
+ border-radius: 4px;
+ }
+ .title {
+ margin-bottom: 10px;
+ font-size: 20px;
+ padding: 16px 25px 15px;
+ }
+ .designation {
+ padding: 4px 20px;
+ font-size: 16px;
+ }
+ }
+ }
+ &.team-style-5 {
+ .thumbnail {
+ margin-bottom: 0;
+ }
+ .content {
+ position: relative;
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker2);
+ border-radius: 5px;
+ margin: -55px 30px 0;
+ padding: 30px 0 25px;
+ }
+ }
+}
+
+.team-area-3 {
+ position: relative;
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ bottom: -20px;
+ left: 135px;
+ @media #{$lg-layout-1} {
+ left: 0px;
+ }
+ @media #{$custom-lg-device-eight} {
+ left: -70px;
+ }
+ }
+ }
+ }
+}
+
+.team-area-4 {
+ position: relative;
+ mask-image: url(../images/others/mask-04.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ background-color: var(--color-lighten01);
+ padding: 120px 0 390px;
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ img {
+ transform: scaleX(-1);
+ opacity: .2;
+ }
+ &.shape-1 {
+ top: 20px;
+ left: -10px;
+ }
+ &.shape-2 {
+ bottom: 35%;
+ right: 130px;
+ }
+ &.shape-3 {
+ top: 40px;
+ right: 240px;
+ }
+ }
+ }
+}
+
+.team-area-5 {
+ background-color: var(--color-lighten04);
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+ .shape-group {
+ @extend %liststyle;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -170px;
+ right: -150px;
+ span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-2 {
+ top: 150px;
+ right: 8%;
+ }
+ &.shape-3 {
+ bottom: -110px;
+ left: -200px;
+ span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+}
+
+.team-area-6 {
+ position: relative;
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ img {
+ opacity: .6;
+ }
+ &.shape-1 {
+ top: -165px;
+ left: -90px;
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ }
+ &.shape-2 {
+ top: -180px;
+ right: -55px;
+
+ }
+ &.shape-3 {
+ bottom: -150px;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ }
+ }
+}
+
+.team-details-thumb {
+ @media #{$md-layout} {
+ text-align: center;
+ margin-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ text-align: center;
+ margin-bottom: 40px;
+ }
+ .thumbnail {
+ margin-bottom: 30px;
+ img {
+ border-radius: 50%;
+ }
+ }
+ .social-share {
+ justify-content: center;
+ }
+}
+
+.team-details-content {
+ @media #{$md-layout} {
+ text-align: center;
+ }
+ @media #{$sm-layout} {
+ text-align: center;
+ }
+ .main-info {
+ margin-bottom: 30px;
+ .subtitle {
+ font-weight: var(--p-medium);
+ color: var(--color-primary);
+ text-transform: uppercase;
+ margin-bottom: 6px;
+ display: block;
+ }
+ .title {
+ margin-bottom: 0;
+ }
+ .team-meta {
+ @extend %liststyle;
+ display: flex;
+ align-items: center;
+ padding-top: 10px;
+ flex-wrap: wrap;
+ @media #{$md-layout} {
+ justify-content: center;
+ }
+ @media #{$sm-layout} {
+ justify-content: center;
+ }
+ li {
+ display: flex;
+ align-items: center;
+ color: var(--color-heading);
+ margin-right: 40px;
+ position: relative;
+ transition: var(--transition);
+ &:after {
+ content: "";
+ height: 19px;
+ width: 1px;
+ background-color: #e5e5e5;
+ position: absolute;
+ top: 3px;
+ right: -22px;
+ transition: var(--transition);
+ }
+ &:last-child {
+ margin-right: 0;
+ &:after {
+ display: none;
+ }
+ }
+ i {
+ color: #a7a7a7;
+ font-size: 15px;
+ margin-right: 7px;
+ transition: var(--transition);
+ }
+
+ .rating {
+ i {
+ color: #f8b81f;
+ margin-right: 0;
+
+ }
+ transition: var(--transition);
+ }
+ .rating-count {
+ font-size: 14px;
+ font-weight: 500;
+ color: var(--color-heading);
+ margin-left: 10px;
+ transition: var(--transition);
+ }
+ }
+ }
+ }
+ .contact-info {
+ margin-top: 40px;
+ ul {
+ @extend %liststyle;
+ li {
+ span {
+ font-family: var(--font-secondary);
+ min-width: 100px;
+ display: inline-block;
+ font-weight: var(--p-semi-bold);
+ color: var(--color-heading);
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_testimonial.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_testimonial.scss
new file mode 100644
index 00000000..16c4ae42
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_testimonial.scss
@@ -0,0 +1,736 @@
+/*-------------------
+ Testimonial Styles
+---------------------*/
+.home-one-testimonial {
+ margin-top: 30px;
+ @media #{$md-layout-1} {
+ margin-top: 0px;
+ }
+}
+
+.testimonial-heading-area {
+ padding-right: 50px;
+ @media #{$small-mobile} {
+ padding-right: 0;
+ }
+}
+.testimonial-grid {
+ box-shadow: var(--shadow-darker);
+ background-color: var(--color-white);
+ border-radius: 10px;
+ padding: 60px 30px 50px;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+ &:after {
+ content: url(../images/testimonial/shape-1.png);
+ position: absolute;
+ top: -5px;
+ right: -5px;
+ z-index: -1;
+ }
+ .thumbnail {
+ display: inline-block;
+ position: relative;
+ margin-bottom: 35px;
+ img {
+ border-radius: 50%;
+ }
+ .qoute-icon {
+ height: 34px;
+ width: 34px;
+ line-height: 30px;
+ font-size: 13px;
+ color: var(--color-white);
+ background-color: var(--color-primary);
+ border-radius: 50%;
+ border: 4px solid var(--color-white);
+ display: block;
+ text-align: center;
+ position: absolute;
+ bottom: -8px;
+ right: -12px;
+ }
+ }
+ .content {
+ p {
+ margin-bottom: 20px;
+ font-size: 16px;
+ }
+ .rating-icon {
+ margin-bottom: 6px;
+ i {
+ color: #f8b81f;
+ }
+ }
+ .title {
+ font-weight: var(--p-medium);
+ margin-bottom: 2px;
+ }
+ }
+ &.testimonial-style-3 {
+ text-align: center;
+ margin-bottom: 40px;
+ margin-top: 30px;
+ &:after {
+ display: none;
+ }
+ }
+}
+
+.testimonial-slide {
+ .content {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ padding: 35px 28px 35px 40px;
+ border-radius: 4px;
+ margin-bottom: 30px;
+ margin-top: 30px;
+ .logo {
+ margin-bottom: 22px;
+ }
+ p {
+ color: var(--color-heading);
+ font-size: 16px;
+ margin-bottom: 15px;
+ }
+ .rating-icon {
+ i {
+ color: #f8b81f;
+ }
+ }
+ }
+ .author-info {
+ display: flex;
+ align-items: center;
+ .thumb {
+ margin-right: 20px;
+ img {
+ border-radius: 50%;
+ }
+ }
+ .info {
+ flex: 1;
+ .title {
+ margin-bottom: 0;
+
+ }
+
+ }
+ }
+ &.testimonial-style-2 {
+ .content {
+ padding: 45px 40px 50px 50px;
+ border-radius: 5px;
+ @media #{$small-mobile} {
+ padding: 40px 30px;
+ }
+ .rating-icon {
+ margin-bottom: 20px;
+ }
+ p {
+ margin-bottom: 24px;
+ }
+ }
+ }
+ &.testimonial-style-3 {
+ .content {
+ background-color: transparent;
+ padding: 0;
+ box-shadow: none;
+ margin: 0;
+ .rating-icon {
+ margin-bottom: 15px;
+ }
+ p {
+ margin-bottom: 20px;
+ }
+ }
+ }
+}
+
+.testimonial-area-2 {
+ position: relative;
+
+ .testimonial-activation {
+ padding: 0 30px;
+ margin: -30px -30px 0;
+ margin-bottom: 50px;
+
+ .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+ &.swiper-slide-active,
+ &.swiper-slide-next,
+ &.swiper-slide-next + .swiper-slide {
+ opacity: 1;
+ visibility: visible;
+ }
+ &.swiper-slide-next + .swiper-slide {
+
+ @media #{$md-layout-1} {
+ opacity: 0;
+ visibility: hidden;
+ }
+ }
+ &.swiper-slide-next {
+ @media #{$sm-layout} {
+ opacity: 0;
+ visibility: hidden;
+ }
+ }
+ }
+ }
+ .swiper-pagination {
+ bottom: -70px;
+ }
+
+ .shape-group {
+ .shape-1 {
+ top: 168px;
+ right: -75px;
+ }
+ .shape-2 {
+ top: 217px;
+ right: -106px;
+ }
+ .shape-3 {
+ bottom: 50px;
+ left: 45%;
+ transform: translateX(-50%);
+ }
+ }
+ &.edu-section-gap {
+ .shape-group {
+ .shape-3 {
+ bottom: 58px;
+ }
+ }
+ }
+}
+
+.testimonial-area-3 {
+ position: relative;
+ mask-image: url(../images/others/mask-04.png);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: cover;
+ -webkit-mask-position: center;
+ background-color: var(--color-lighten04);
+ padding: 115px 0 250px;
+ @media #{$md-layout} {
+ padding: 95px 0 200px;
+ }
+ @media #{$sm-layout} {
+ padding: 75px 0 180px;
+ }
+ .testimonial-activation-2 {
+ margin: 0 -45px;
+ padding: 0 30px;
+
+ .testimonial-slide {
+ .content {
+ margin-top: 0;
+ margin-bottom: 50px;
+ }
+ }
+ .swiper-wrapper {
+ .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+
+ &.swiper-slide-active,
+ &.swiper-slide-next {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ .swiper-slide {
+ @media #{$md-layout-1} {
+ &.swiper-slide-next {
+ opacity: 0;
+ }
+ }
+ }
+ }
+ }
+ .swiper-pagination {
+ bottom: 235px;
+ @media #{$md-layout-1} {
+ bottom: 170px;
+ }
+ }
+ .shape-group {
+ @media #{$sm-layout} {
+ display: none;
+ }
+ li {
+ &.shape-1 {
+ top: 95px;
+ left: 95px;
+ }
+ &.shape-2 {
+ bottom: 215px;
+ left: 245px;
+ }
+ &.shape-3 {
+ bottom: 150px;
+ right: 170px;
+ }
+ &.shape-4 {
+ top: 120px;
+ right: 70px;
+ }
+ &.shape-5 {
+ bottom: 140px;
+ left: 50%;
+ transform: translateX(-50%);
+
+ img {
+ transform: scaleX(1);
+ opacity: 1;
+ }
+ }
+ }
+ }
+}
+
+.testimonial-area-4 {
+ padding: 120px 0 70px;
+ position: relative;
+ @media #{$md-layout} {
+ padding: 100px 0 50px;
+ }
+ .testimonial-heading-area {
+ @media #{$md-layout-1} {
+ padding-right: 0;
+ }
+ .section-title {
+ &.section-left {
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ }
+ }
+ }
+ .testimonial-activation-3 {
+ margin: 0 -50px;
+ padding: 0 30px;
+ margin-top: -30px;
+ margin-bottom: 10px;
+
+ .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+
+ &.swiper-slide-active,
+ &.swiper-slide-next {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+
+ }
+ .shape-group {
+ li {
+ img {
+ opacity: .2;
+ }
+ &.shape-1 {
+ bottom: 60px;
+ left: 42%;
+ }
+ &.shape-2 {
+ bottom: 35px;
+ right: 12%;
+ img {
+ opacity: .7;
+ }
+ }
+ }
+ }
+ .swiper-navigation {
+ text-align: left;
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ }
+}
+.testimonial-area-8 {
+ position: relative;
+ &::before {
+ position: absolute;
+ content: "";
+ left: 0;
+ bottom: 0;
+ right: 0;
+ z-index: -1;
+ background-image: url(../images/bg/h8-testimonial-bg.svg);
+ width: 100%;
+ height: 100%;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ }
+ .testimonial-activation {
+ padding: 0 30px;
+ margin: -30px -30px 0;
+ margin-bottom: 50px;
+
+ .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+ &.swiper-slide-active,
+ &.swiper-slide-next,
+ &.swiper-slide-next + .swiper-slide {
+ opacity: 1;
+ visibility: visible;
+ }
+ &.swiper-slide-next + .swiper-slide {
+
+ @media #{$md-layout-1} {
+ opacity: 0;
+ visibility: hidden;
+ }
+ }
+ &.swiper-slide-next {
+ @media #{$sm-layout} {
+ opacity: 0;
+ visibility: hidden;
+ }
+ }
+ }
+ }
+
+ .testimonial-slide {
+ margin-top: 93px;
+ .author-info {
+ display: block;
+
+ .thumb {
+ margin-right: 0;
+ margin-top: -100px;
+ margin-bottom: 35px;
+ }
+ }
+ .content {
+ text-align: center;
+ margin-bottom: 45px;
+ border-radius:10px;
+ p{
+ margin-bottom: 30px;
+ }
+ .info {
+ .title {
+ margin-bottom: 5px;
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ &.shape-3 {
+ bottom: 109px;
+ left: 50%;
+ z-index: 1;
+ transform: translateX(-50%);
+ }
+ }
+ }
+ .swiper-horizontal>.swiper-pagination-bullets,
+ .swiper-pagination-bullets.swiper-pagination-horizontal,
+ .swiper-pagination-custom, .swiper-pagination-fraction {
+ bottom: -30px;
+ }
+}
+.testimonial-area-9 {
+ background: var(--color-lighten01);
+
+ .testimonial-heading-area {
+ width: 380px;
+ padding-right: 0;
+ padding-top: 50px;
+ position: relative;
+ z-index: 12;
+ @media #{$md-layout-1} {
+ width: 100%;
+ text-align: center;
+ padding-top: 0;
+ }
+ .section-left {
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ }
+ }
+ .bg-thumbnail {
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ .shape-group {
+ li {
+ &.shape-3 {
+ left: -41px;
+ bottom: -87px;
+ }
+ &.shape-4 {
+ top: -80px;
+ right: -105px;
+ }
+ &.shape-5 {
+ left: -54px;
+ bottom: -18px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+ .health-bg-thumbnail {
+ margin-left: 34px;
+ @media #{$md-layout-1} {
+ margin-left: 0;
+ }
+ }
+ .home-health-testimonial-activator {
+ margin-top: 110px;
+ padding-left: 20px;
+ @media #{$lg-layout} {
+ margin-top: 0;
+ }
+ @media #{$md-layout-1} {
+ margin-top: 0;
+ padding-left: 0;
+ text-align: center;
+ }
+ .testimonial-grid {
+ background-color: transparent;
+ box-shadow: none;
+ &::after {
+ display: none;
+ }
+ .thumbnail {
+ margin-bottom: 25px;
+ }
+ .content {
+ .title {
+ font-weight: var(--p-semi-bold);
+ }
+ p {
+ color: var(--color-heading);
+ }
+ }
+ }
+ .swiper-navigation {
+ position: relative;
+ bottom: 25px;
+ left: 44px;
+ z-index: 12;
+ @media #{$md-layout-1} {
+ left: 0;
+ bottom: 20px;
+ }
+ .swiper-btn-prv,
+ .swiper-btn-nxt {
+ line-height: 57px;
+ &:hover {
+ img {
+ filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%);
+ }
+ }
+ @media #{$sm-layout} {
+ line-height: 45px;
+ }
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ bottom: 0px;
+ left: -169px;
+ }
+ &.shape-2 {
+ top: -91px;
+ right: -150px;
+ }
+ }
+ }
+}
+
+.testimonial-coverflow {
+ margin: -55px 0;
+ .testimonial-grid {
+ margin: 55px 0;
+ position: relative;
+ @media #{$large-mobile} {
+ margin: 55px 30px;
+ }
+ &:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: var(--color-white);
+ opacity: .7;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1;
+ transition: var(--transition);
+ }
+ }
+ .swiper-slide {
+ padding: 0;
+
+ &.swiper-slide-visible {
+ &.swiper-slide-active {
+ .testimonial-grid {
+ &:before {
+ opacity: 0;
+ }
+ }
+ }
+ }
+ }
+}
+
+.swiper-testimonial-slider-wrapper {
+ .swiper-slide {
+ opacity: 0;
+ }
+ .swiper-slide {
+ &.swiper-slide-visible {
+ opacity: 1;
+ &.swiper-slide-prev {
+ .testimonial-grid {
+ margin-left: 36px;
+ box-shadow: 70px 0px 50px 0px rgba(26, 46, 85, .1);
+ padding: 40px 30px 50px;
+ @media #{$smlg-device} {
+ margin-left: 0px;
+ }
+ @media #{$md-layout} {
+ margin-left: 40px;
+ }
+ }
+ }
+ &.swiper-slide-next {
+ .testimonial-grid {
+ margin-left: 40px;
+ margin-right: 36px;
+ box-shadow: -40px 0px 50px 0px rgba(26, 46, 85, .1);
+ padding: 40px 30px 50px;
+ @media #{$smlg-device} {
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+ @media #{$md-layout} {
+ margin-left: 40px;
+ }
+ }
+ }
+ }
+ }
+}
+
+.testimonial-area-1 {
+ margin-bottom: -40px;
+ @media #{$smlg-device} {
+ margin-top: 0px;
+ }
+ .home-one-testimonial-activator {
+ padding: 0 30px;
+ margin: 0 -45px;
+ margin-top: -20px;
+
+ .swiper-wrapper {
+ .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+
+ &.swiper-slide-active,
+ &.swiper-slide-next {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ }
+
+ .testimonial-grid {
+ margin: 30px 0px 50px 0px;
+ }
+ }
+}
+
+
+.swiper-pagination {
+ .swiper-pagination-bullet {
+ height: 7px;
+ width: 7px;
+ background-color: rgba(26, 182, 157, .3);
+ opacity: 1;
+ margin: 0 8px !important;
+ &.swiper-pagination-bullet-active {
+ background-color: rgba(26, 182, 157, 1);
+ }
+ }
+}
+
+.testimonial-area-6 {
+ position: relative;
+ &:before {
+ content: "";
+ height: 925px;
+ width: 100%;
+ background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, .3) 100%);
+ clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ @media #{$md-layout} {
+ height: 55%;
+ }
+ @media #{$sm-layout} {
+ height: 55%;
+ }
+ }
+ .testimonial-activation-5 {
+ .swiper-wrapper {
+ .swiper-slide {
+ padding: 0;
+ }
+ }
+ }
+
+ .swiper-pagination {
+ bottom: 30px;
+ text-align: right;
+ }
+
+ .shape-group {
+ li {
+ &.shape-1 {
+ bottom: 80px;
+ left: -100px;
+ }
+ &.shape-2 {
+ top: -50px;
+ right: -94px;
+ }
+ &.shape-3 {
+ top: -200px;
+ right: -250px;
+ span {
+ height: 400px;
+ width: 400px;
+ border: 1px solid #e8e6e3;
+ border-radius: 50%;
+ display: block;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_video.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_video.scss
new file mode 100644
index 00000000..e62d6062
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_video.scss
@@ -0,0 +1,277 @@
+/*-------------------
+ Video Styles
+---------------------*/
+.video-gallery {
+ position: relative;
+ z-index: 1;
+ .thumbnail {
+ position: relative;
+ img {
+ border-radius: 0 80px 0 120px;
+ }
+ .video-play-btn {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ border: 0;
+ width: 80px;
+ height: 80px;
+ line-height: 82px;
+ transition: all 1s cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 50%;
+ background: var(--color-secondary);
+ margin: 0 auto;
+ display: inline-block;
+ font-size: 24px;
+ text-align: center;
+ color: var(--color-white);
+ @media #{$large-mobile} {
+ width: 60px;
+ height: 60px;
+ line-height: 62px;
+ }
+ i {
+ margin-left: 5px;
+ }
+ &:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid rgba(255,255,255, .3);
+ animation: ripple 2s linear infinite;
+ }
+ &:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid rgba(255,255,255, .3);
+ animation: ripple 2s linear 1s infinite;
+ }
+ }
+ &:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0,0,0, .3);
+ border-radius: 0 80px 0 120px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ }
+ }
+ .shape-group {
+ @extend %liststyle;
+ li {
+ margin: 0;
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -70px;
+ right: -70px;
+ }
+ &.shape-2 {
+ top: -100px;
+ right: 15px;
+ z-index: 1;
+ @media #{$sm-layout} {
+ display: none;
+ }
+ }
+ &.shape-3 {
+ bottom: -40px;
+ left: -130px;
+ }
+ }
+ }
+}
+
+.video-area-1 {
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-13.png);
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-size: contain;
+ }
+}
+
+.video-area-2 {
+ position: relative;
+ z-index: 1;
+ padding: 210px 0;
+ @media #{$md-layout} {
+ padding: 150px 0 200px;
+ }
+ @media #{$sm-layout} {
+ padding: 120px 0 150px;
+ }
+ &:before {
+ content: "";
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0,0,0,.6);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ }
+}
+
+.video-banner-content {
+ text-align: center;
+ .video-btn {
+ margin-bottom: 100px;
+ @media #{$sm-layout} {
+ margin-bottom: 70px;
+ }
+ }
+ .video-play-btn {
+ position: relative;
+ border: 0;
+ width: 80px;
+ height: 80px;
+ line-height: 82px;
+ transition: all 1s cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 50%;
+ background: var(--color-secondary);
+ margin: 0 auto;
+ display: inline-block;
+ font-size: 24px;
+ text-align: center;
+ color: var(--color-white);
+ i {
+ margin-left: 5px;
+ }
+ &:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid rgba(255,255,255, .3);
+ animation: ripple 2s linear infinite;
+ }
+ &:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: -1;
+ bottom: 0;
+ left: 0;
+ -webkit-transition: var(--transition);
+ transition: var(--transition);
+ border-radius: 50%;
+ border: 1px solid rgba(255,255,255, .3);
+ animation: ripple 2s linear 1s infinite;
+ }
+ }
+ .title {
+ color: var(--color-white);
+ margin-bottom: 0;
+ }
+}
+
+.video-area-3 {
+ margin-top: -270px;
+ .video-gallery {
+ .thumbnail {
+ img {
+ border-radius: 10px;
+ }
+ &:before {
+ border-radius: 10px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: -70px;
+ right: auto;
+ left: -70px;
+ }
+ &.shape-2 {
+ top: -20px;
+ right: auto;
+ left: -110px;
+ }
+ &.shape-3 {
+ bottom: -40px;
+ right: -40px;
+ left: auto;
+ z-index: 1;
+ }
+ }
+ }
+ }
+}
+
+.video-area-4 {
+ .video-gallery {
+ margin-bottom: -275px;
+ @media #{$large-mobile} {
+ margin-bottom: 0px;
+ }
+ }
+}
+
+.video-gallery-5 {
+ margin-top: 40px;
+ .thumbnail {
+ &:before {
+ border-radius: 50px 10px 0 0;
+ }
+ img {
+ border-radius: 50px 10px 0 0;
+ width: 100%;
+ }
+ }
+ .content {
+ background-color: var(--color-white);
+ box-shadow: 0 10px 30px 0 rgba(0,0,0, .05);
+ border-radius: 0 0 10px 10px;
+ padding: 22px 30px;
+ .title {
+ margin-bottom: 0;
+ width: 60%;
+ @media #{$smlg-device} {
+ width: 100%;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_why_choose.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_why_choose.scss
new file mode 100644
index 00000000..0856a868
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/_why_choose.scss
@@ -0,0 +1,351 @@
+/*-------------------
+ Why Choose Styles
+---------------------*/
+
+.why-choose-content {
+ .section-title {
+ margin-bottom: 32px;
+ }
+ .features-list {
+ .features-box {
+ padding: 0;
+ background-color: transparent;
+ box-shadow: none;
+ display: flex;
+ text-align: left;
+ margin-bottom: 36px;
+ .icon {
+ background-color: transparent;
+ margin-right: 30px;
+ margin-bottom: 0;
+ }
+ .content {
+ flex: 1;
+ .title {
+ margin-bottom: 6px;
+ }
+ p {
+ color: var(--color-body);
+ }
+ }
+ &.color-secondary-style {
+ .icon {
+ border: 1px solid rgba(238, 74, 98, 0.2);
+ }
+ &:hover {
+ .icon {
+ background-color: var(--color-secondary);
+ }
+ }
+ }
+ &.color-primary-style {
+ .icon {
+ border: 1px solid rgba(26, 182, 157, 0.2);
+ }
+ &:hover {
+ .icon {
+ background-color: var(--color-primary);
+ }
+ }
+ }
+ &.color-extra05-style {
+ .icon {
+ border: 1px solid rgba(248, 148, 31, 0.2);
+ }
+ &:hover {
+ .icon {
+ background-color: var(--color-extra05);
+ }
+ }
+ }
+ }
+ }
+}
+
+.why-choose-gallery {
+ position: relative;
+ z-index: 1;
+ .thumbnail {
+ img {
+ border-radius: 10px;
+ }
+ &.thumbnail-1 {
+ text-align: right;
+ @media #{$md-layout} {
+ margin-right: 80px;
+ }
+ }
+ &.thumbnail-2 {
+ margin-top: -230px;
+ @media #{$sm-layout} {
+ transform: none !important;
+ }
+ img {
+ background-color: var(--color-white);
+ padding: 10px;
+ box-shadow: 0 30px 90px 0 rgba(26, 46, 85, .1);
+ }
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 100px;
+ left: 30px;
+ }
+ &.shape-2 {
+ bottom: -35px;
+ right: 45px;
+ img {
+ animation: rotateIt 10s linear infinite;
+ }
+ }
+ }
+ }
+}
+
+.why-choose-area-2 {
+ position: relative;
+ z-index: 2;
+ overflow: hidden;
+ background-color: var(--color-white);
+ &:before {
+ content: "";
+ height: 68%;
+ width: 100%;
+ background-color: var(--color-lighten04);
+ clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ }
+ .shape-group {
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -310px;
+ left: -50px;
+ span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-2 {
+ top: 80px;
+ left: 100px;
+ }
+ &.shape-3 {
+ top: 100px;
+ right: -20px;
+ span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-4 {
+ top: 50px;
+ right: 10px;
+ }
+ &.shape-5 {
+ bottom: -50px;
+ right: -50px;
+ span {
+ display: block;
+ height: 100px;
+ width: 100px;
+ border: 16px solid #f8b81f;
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+}
+
+.why-choose-box {
+ &.features-box {
+ box-shadow: 0 10px 30px 0 rgba(0,0,0,.05);
+ padding: 60px 50px 55px;
+ border-radius: 5px;
+ .icon {
+ height: 90px;
+ width: 90px;
+ font-size: 44px;
+ }
+ .content {
+ .title {
+ margin-bottom: 22px;
+ }
+ }
+ }
+}
+
+.why-choose-box-2 {
+ &.features-box {
+ box-shadow: var(--shadow-darker);
+ padding: 0 50px 55px;
+ border-radius: 5px 50px 5px 70px;
+ .icon {
+ height: 90px;
+ width: 90px;
+ font-size: 44px;
+ transform: translateY(-55px);
+ margin-top: 55px;
+ margin-bottom: -20px;
+ color: var(--color-white);
+ }
+ .content {
+ .title {
+ margin-bottom: 22px;
+ }
+ }
+ &.color-primary-style {
+ .icon {
+ background-color: rgba(26, 182, 157, 1);
+ }
+ }
+ &.color-secondary-style {
+ .icon {
+ background-color: rgba(238, 74, 98, 1);
+ }
+ }
+ &.color-extra08-style {
+ .icon {
+ background-color: rgba(70, 100, 228, 1);
+ }
+ }
+ }
+}
+
+.why-choose-box-3 {
+ &.features-box {
+ box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05);
+ padding: 0;
+ border-radius: 5px;
+ max-width: 370px;
+ margin: 0 auto;
+ .thumbnail {
+ img {
+ border-radius: 5px 5px 0 0;
+ }
+ }
+ .content {
+ padding: 0 40px 45px;
+ }
+ .icon {
+ margin-top: -40px;
+ position: relative;
+ height: 90px;
+ width: 90px;
+ font-size: 44px;
+ color: var(--color-white);
+ }
+ .content {
+ .title {
+ margin-bottom: 22px;
+ }
+ }
+ &.color-primary-style {
+ .icon {
+ background-color: rgba(26, 182, 157, 1);
+ }
+ }
+ &.color-secondary-style {
+ .icon {
+ background-color: rgba(238, 74, 98, 1);
+ }
+ }
+ &.color-extra08-style {
+ .icon {
+ background-color: rgba(70, 100, 228, 1);
+ }
+ }
+ }
+}
+
+.why-choose-area-3 {
+ position: relative;
+ z-index: 2;
+ overflow: hidden;
+ .shape-group {
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ li {
+ &.shape-1 {
+ top: -180px;
+ left: 75px;
+ @media #{$lg-layout-1} {
+ left: -100px;
+ }
+ span {
+ display: block;
+ height: 476px;
+ width: 476px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-2 {
+ top: 195px;
+ left: 120px;
+ @media #{$lg-layout-1} {
+ left: 60px;
+ }
+ @media #{$custom-lg-device-eight} {
+ left: -60px;
+ top: 150px;
+ }
+ }
+ &.shape-3 {
+ top: 210px;
+ right: -60px;
+ }
+ }
+ }
+}
+
+.why-choose-area-4 {
+ position: relative;
+ z-index: 2;
+ .shape-group {
+ @media only screen and (max-width: 991px) {
+ display: none;
+ }
+ li {
+ position: absolute;
+ z-index: -1;
+ &.shape-1 {
+ top: -25px;
+ left: -205px;
+ @media #{$custom-lg-device-eight} {
+ top: -35px;
+ left: -165px;
+ }
+
+ }
+ &.shape-2 {
+ top: 10px;
+ right: -270px;
+ span {
+ height: 400px;
+ width: 400px;
+ border: 1px solid #e8e6e3;
+ border-radius: 50%;
+ display: block;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_categorie.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_categorie.scss
new file mode 100644
index 00000000..b4a7f812
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_categorie.scss
@@ -0,0 +1,133 @@
+.categorie-area-5 {
+ position: relative;
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url(../images/bg/bg-image-32.webp);
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ z-index: -1;
+ }
+ .categorie-grid {
+ padding: 30px 30px;
+ display: flex;
+ text-align: left;
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ .icon {
+ height: 80px;
+ width: 80px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 32px;
+ margin: 0 auto 28px;
+ transition: var(--transition);
+ }
+ .content {
+ flex: 1;
+ margin-top: 10px;
+ margin-left: 20px;
+
+ .title {
+ font-weight: var(--p-bold);
+ margin-bottom: 10px;
+ color: var(--color-heading);
+ }
+ p {
+ color: var(--color-body);
+ margin-bottom: 0;
+ }
+ }
+ &.color-primary {
+ .icon {
+ background-color: rgba(26,182,157, .07);
+ color: rgb(26,182,157);
+ }
+ &:hover {
+ .icon {
+ background-color: rgb(26,182,157);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-secondary {
+ .icon {
+ background-color: rgba(238, 74, 98, 0.102);
+ color: rgb(238, 74, 98);
+ }
+ &:hover {
+ .icon {
+ background-color: rgb(238, 74, 98);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-extra08 {
+ .icon {
+ background-color: rgba(70, 100, 228, 0.102);
+ color: rgb(70, 100, 228);
+ }
+ &:hover {
+ .icon {
+ background-color: rgb(70, 100, 228);
+ color: var(--color-white);
+ }
+ }
+ }
+ &.color-tertiary {
+ .icon {
+ background-color: rgba(248, 148, 31, 0.102);
+ img {
+ filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(605%) hue-rotate(343deg) brightness(101%) contrast(95%);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgb(248, 148, 31);
+ img {
+ filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
+ }
+ }
+ }
+ }
+ &.color-extra02 {
+ .icon {
+ background-color: rgba(142, 86, 255, 0.102);
+ img {
+ filter: brightness(0) saturate(100%) invert(46%) sepia(76%) saturate(4932%) hue-rotate(240deg) brightness(101%) contrast(104%);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgb(142, 86, 255);
+ img {
+ filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
+ }
+ }
+ }
+ }
+ &.color-extra07 {
+ .icon {
+ background-color: rgba(249, 37, 150, 0.102);
+ color: rgb(249, 37, 150);
+ &.Physical-activity {
+ font-size: 30px;
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgb(249, 37, 150);
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_features.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_features.scss
new file mode 100644
index 00000000..0678f479
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_features.scss
@@ -0,0 +1,81 @@
+.features-area-5 {
+ @media #{$md-layout-1} {
+ padding-top: 100px;
+ }
+ .features-box {
+ box-shadow: none;
+ padding: 0;
+ transition: var(--transition-2);
+ .icon {
+ width: 120px;
+ height: 120px;
+ margin: 0 auto -50px;
+ border: 7px solid var(--color-white);
+ box-shadow: var( --shadow-darker4);
+ border-radius: 50%;
+ position: relative;
+ z-index: 123;
+ transition: var(--transition-2);
+ }
+ .content {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker);
+ padding: 100px 40px 50px 40px;
+ border-radius: 5px;
+ @media #{$md-layout-1} {
+ margin-bottom: 20px;
+ }
+ .title {
+ font-weight: var(--p-bold);
+ }
+ }
+ &.color-primary-style {
+ .icon {
+ img {
+ filter: brightness(0) saturate(100%) invert(53%) sepia(56%) saturate(571%) hue-rotate(121deg) brightness(99%) contrast(92%);
+ }
+ }
+ &:hover {
+ .icon {
+ img {
+ filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+ }
+ }
+ }
+ }
+ &.color-secondary-style {
+ .icon {
+ background-color: rgba(238,74,98, .1);
+ box-shadow: 0px 20px 70px 0px rgba(176, 57, 75, 0.2);
+ img {
+ filter: brightness(0) saturate(100%) invert(47%) sepia(93%) saturate(3371%) hue-rotate(324deg) brightness(96%) contrast(93%);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: rgb(238,74,98);
+ img {
+ filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+ }
+ }
+ }
+ }
+ &.color-extra06-style {
+ .icon {
+ background-color: rgb(231, 247, 254);
+ box-shadow: 0px 20px 70px 0px rgba(27, 89, 116, 0.2);
+ img {
+ filter: brightness(0) saturate(100%) invert(67%) sepia(25%) saturate(4311%) hue-rotate(170deg) brightness(104%) contrast(96%);
+ }
+ }
+ &:hover {
+ .icon {
+ background-color: var(--color-extra06);
+ img {
+ filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_hero_banner.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_hero_banner.scss
new file mode 100644
index 00000000..de8bb08d
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_hero_banner.scss
@@ -0,0 +1,185 @@
+.hero-banner {
+ &.hero-style-9 {
+ position: relative;
+ overflow: hidden;
+ .slider {
+ width: 100%;
+ height: 95vh;
+ display: flex;
+ flex-wrap: wrap;
+ position: relative;
+ @media #{$md-layout-1} {
+ height: auto;
+ }
+ .container {
+ position: relative;
+ padding-top: 200px;
+ display: flex;
+ flex-wrap: wrap;
+ @media #{$custom-lg-device-eight} {
+ padding-top: 150px;
+ }
+ @media #{$smlg-device} {
+ padding-top: 100px;
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: -460px;
+ top: -308px;
+ z-index: -1;
+ span {
+ display: block;
+ width: 474px;
+ height: 474px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-2 {
+ left: -257px;
+ top: 70px;
+ }
+ &.shape-4 {
+ bottom: 25%;
+ left: -330px;
+ }
+ }
+ }
+ }
+ .health-slider-content {
+ width: calc(61% - 120px);
+ position: relative;
+ overflow: hidden;
+ margin: 0;
+ margin-right: 40px;
+ @media #{$md-layout-1} {
+ width: 100%;
+ margin-right: 0;
+ margin-bottom: 30px;
+ }
+ br {
+ @media #{$small-mobile} {
+ display: none;
+ }
+ }
+ .swiper-slide {
+ padding: 0;
+ .inner {
+ width: 100%;
+ display: block;
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ .pre-title {
+ font-weight: var(--p-bold);
+ text-transform: uppercase;
+ letter-spacing: 2.5px;
+ margin-left: 5px;
+ }
+ .title {
+ padding-top: 15px;
+ }
+ p {
+ font-size: 18px;
+ color: var(--color-heading);
+ }
+ }
+ }
+ }
+ .health-slider-main {
+ width: calc(44vw + 80px);
+ height: calc(80vh - 150px);
+ overflow: hidden;
+ margin: 0;
+ position: absolute;
+ left: calc(60% - 80px);
+ top: 100px;
+ @media #{$md-layout-1} {
+ width: 100%;
+ position: static;
+ }
+ .swiper-slide {
+ padding: 0;
+ }
+ .slide-image {
+ width: 100%;
+ height: 100%;
+ display: inline-block;
+ background-position: center !important;
+ background-size: cover !important;
+ }
+ }
+ }
+ .hero-slider-bg-controls {
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ z-index: 10;
+ @media (max-width:1400px) {
+ display: none;
+ }
+
+ .swiper-slide-controls {
+ display: inline-block;
+ width: 60px;
+ height: 60px;
+ line-height: 60px;
+ transition: all .4s ease-out;
+ background-color: var(--color-white);
+ color: var(--color-heading);
+ i {
+ font-size: 20px;
+ line-height: 58px;
+ }
+ cursor: pointer;
+
+ &:hover {
+ transition: all .4s ease-out;
+ background-color: var(--color-primary);
+ color: var(--color-white);
+ }
+ }
+ .slide-prev,
+ .slide-next {
+ position: relative;
+ width: 60px!important;
+ margin-left: auto;
+ margin-right: 6px;
+ text-align: center;
+ border-radius: 50%;
+ box-shadow: var(--shadow-darker3);
+ }
+ .slide-next {
+ right: 0px;
+ top: -69px;
+ }
+ .slide-prev {
+ right: -70px;
+ top: 0;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-3 {
+ top: 35px;
+ left: 39%;
+ }
+ &.shape-5 {
+ right: 38.5%;
+ bottom: 12.6%;
+ z-index: 1;
+ }
+ &.shape-6 {
+ right: 42.5%;
+ bottom: 14.5%;
+ }
+ }
+ }
+ }
+}
+
+
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_main.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_main.scss
new file mode 100644
index 00000000..6484aebe
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/health_coach/_main.scss
@@ -0,0 +1,11 @@
+/*=======================================================================
+ Health Coach Styles Starts
+=========================================================================*/
+
+@import "hero_banner";
+@import "features";
+@import "categorie";
+
+/*=======================================================================
+ Health Coach Styles End
+=========================================================================*/
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_hero_banner.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_hero_banner.scss
new file mode 100644
index 00000000..f5fa7b2a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_hero_banner.scss
@@ -0,0 +1,142 @@
+
+.hero-banner {
+ &.hero-style-8 {
+ min-height: 790px;
+ background-color: var(--color-white);
+ position: relative;
+
+ @media #{$md-layout} {
+ padding-top: 95px;
+ }
+
+ .banner-content {
+ z-index: 12;
+
+ @media #{$md-layout-1} {
+ text-align: center;
+ padding-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 50px;
+ }
+
+ p {
+ padding-right: 90px;
+ @media #{$md-layout-1} {
+ padding-right: 0;
+ }
+ }
+ .banner-search {
+ width: 92%;
+ @media #{$md-layout-1} {
+ width: 100%;
+ }
+ .input-group {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker3);
+ border: none;
+ border-radius: 4px;
+ .form-control {
+ height: 70px;
+ border: none;
+ line-height: 1;
+ font-size: 15px;
+ color: var(--color-body);
+ font-weight: 400;
+ padding: 0 0 0 20px;
+ &:focus {
+ box-shadow: none;
+ }
+ }
+ .search-btn {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: var(--color-heading);
+ padding: 0 20px;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ .banner-thumbnail {
+ margin-right: -100px;
+ margin-top: -60px;
+ @media #{$custom-lg-device-eight} {
+ margin-right: -40px;
+ }
+ @media #{$smlg-device} {
+ margin-right: 0;
+ }
+
+ .thumbnail {
+ @media #{$md-layout-1} {
+ padding-bottom: 100px;
+ }
+ }
+
+ .instructor-info {
+ bottom: -60px;
+ left: 35px;
+ @media #{$md-layout-1} {
+ left: 0;
+ bottom: 45px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 120px;
+ left: 162px;
+ }
+ &.shape-2 {
+ top: 92px;
+ left: inherit;
+ right: -30px;
+ }
+ &.shape-3 {
+ top: inherit;
+ left: inherit;
+ right: -100px;
+ bottom: 9px;
+ @media #{$custom-lg-device-six} {
+ right: -40px;
+ }
+ }
+ &.shape-4 {
+ top: -25px;
+ right: inherit;
+ left: -10px;
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ position: absolute;
+
+ &.shape-5 {
+ left: 140px;
+ top: -88px;
+ z-index: 1;
+ span {
+ display: block;
+ width: 400px;
+ height: 400px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-6 {
+ left: 67px;
+ top: 140px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_modern-schooling.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_modern-schooling.scss
new file mode 100644
index 00000000..614e9c11
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_modern-schooling.scss
@@ -0,0 +1,144 @@
+// @import "hero_banner";
+
+
+.hero-banner {
+ &.hero-style-8 {
+ min-height: 790px;
+ background-color: var(--color-white);
+ position: relative;
+
+ @media #{$md-layout} {
+ padding-top: 95px;
+ }
+
+ .banner-content {
+ z-index: 12;
+
+ @media #{$md-layout-1} {
+ text-align: center;
+ padding-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 50px;
+ }
+
+ p {
+ padding-right: 90px;
+ @media #{$md-layout-1} {
+ padding-right: 0;
+ }
+ }
+ .banner-search {
+ width: 92%;
+ @media #{$md-layout-1} {
+ width: 100%;
+ }
+ .input-group {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker3);
+ border: none;
+ border-radius: 4px;
+ .form-control {
+ height: 70px;
+ border: none;
+ line-height: 1;
+ font-size: 15px;
+ color: var(--color-body);
+ font-weight: 400;
+ padding: 0 0 0 20px;
+ &:focus {
+ box-shadow: none;
+ }
+ }
+ .search-btn {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: var(--color-heading);
+ padding: 0 20px;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ .banner-thumbnail {
+ margin-right: -100px;
+ margin-top: -60px;
+ @media #{$custom-lg-device-eight} {
+ margin-right: -40px;
+ }
+ @media #{$smlg-device} {
+ margin-right: 0;
+ }
+
+ .thumbnail {
+ @media #{$md-layout-1} {
+ padding-bottom: 100px;
+ }
+ }
+
+ .instructor-info {
+ bottom: -60px;
+ left: 35px;
+ @media #{$md-layout-1} {
+ left: 0;
+ bottom: 45px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 120px;
+ left: 162px;
+ }
+ &.shape-2 {
+ top: 92px;
+ left: inherit;
+ right: -30px;
+ }
+ &.shape-3 {
+ top: inherit;
+ left: inherit;
+ right: -100px;
+ bottom: 9px;
+ @media #{$custom-lg-device-six} {
+ right: -40px;
+ }
+ }
+ &.shape-4 {
+ top: -25px;
+ right: inherit;
+ left: -10px;
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ position: absolute;
+
+ &.shape-5 {
+ left: 140px;
+ top: -88px;
+ z-index: 1;
+ span {
+ display: block;
+ width: 400px;
+ height: 400px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-6 {
+ left: 67px;
+ top: 140px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_modern_schooling.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_modern_schooling.scss
new file mode 100644
index 00000000..614e9c11
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern-schooling/_modern_schooling.scss
@@ -0,0 +1,144 @@
+// @import "hero_banner";
+
+
+.hero-banner {
+ &.hero-style-8 {
+ min-height: 790px;
+ background-color: var(--color-white);
+ position: relative;
+
+ @media #{$md-layout} {
+ padding-top: 95px;
+ }
+
+ .banner-content {
+ z-index: 12;
+
+ @media #{$md-layout-1} {
+ text-align: center;
+ padding-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 50px;
+ }
+
+ p {
+ padding-right: 90px;
+ @media #{$md-layout-1} {
+ padding-right: 0;
+ }
+ }
+ .banner-search {
+ width: 92%;
+ @media #{$md-layout-1} {
+ width: 100%;
+ }
+ .input-group {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker3);
+ border: none;
+ border-radius: 4px;
+ .form-control {
+ height: 70px;
+ border: none;
+ line-height: 1;
+ font-size: 15px;
+ color: var(--color-body);
+ font-weight: 400;
+ padding: 0 0 0 20px;
+ &:focus {
+ box-shadow: none;
+ }
+ }
+ .search-btn {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: var(--color-heading);
+ padding: 0 20px;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ .banner-thumbnail {
+ margin-right: -100px;
+ margin-top: -60px;
+ @media #{$custom-lg-device-eight} {
+ margin-right: -40px;
+ }
+ @media #{$smlg-device} {
+ margin-right: 0;
+ }
+
+ .thumbnail {
+ @media #{$md-layout-1} {
+ padding-bottom: 100px;
+ }
+ }
+
+ .instructor-info {
+ bottom: -60px;
+ left: 35px;
+ @media #{$md-layout-1} {
+ left: 0;
+ bottom: 45px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 120px;
+ left: 162px;
+ }
+ &.shape-2 {
+ top: 92px;
+ left: inherit;
+ right: -30px;
+ }
+ &.shape-3 {
+ top: inherit;
+ left: inherit;
+ right: -100px;
+ bottom: 9px;
+ @media #{$custom-lg-device-six} {
+ right: -40px;
+ }
+ }
+ &.shape-4 {
+ top: -25px;
+ right: inherit;
+ left: -10px;
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ position: absolute;
+
+ &.shape-5 {
+ left: 140px;
+ top: -88px;
+ z-index: 1;
+ span {
+ display: block;
+ width: 400px;
+ height: 400px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-6 {
+ left: 67px;
+ top: 140px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_blog.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_blog.scss
new file mode 100644
index 00000000..8f1fda6c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_blog.scss
@@ -0,0 +1,33 @@
+// //Blog Style
+// .edu-blog-area {
+// &.blog-area-6 {
+// .thumbnail {
+// position: relative;
+// a {
+// border-radius: 10px 10px 0px 0px;
+// img {
+// border-radius: 10px 10px 0px 0px;
+// }
+// }
+// .date {
+// position: absolute;
+// left: 20px;
+// top: 20px;
+// background: var(--gradient-primary);
+// border-radius: 3px;
+// padding: 3px 12px;
+// font-size: 15px;
+// color: var(--color-white);
+// display: block;
+// }
+// }
+// .content {
+// border-radius: 0px 0px 10px 10px;
+// &.position-top {
+// margin-top: 0;
+// margin-left: 0;
+// margin-right: 0;
+// }
+// }
+// }
+// }
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_bra b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_bra
new file mode 100644
index 00000000..e69de29b
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_brand.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_brand.scss
new file mode 100644
index 00000000..4b3dd453
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_brand.scss
@@ -0,0 +1,12 @@
+// Brand Style
+.brand-area-6 {
+ background-color: var(--cta-color-bg);
+ padding: 30px 0;
+
+ .brand-grid-wrap {
+ .brand-grid {
+ border-right: 1px solid #e8eced;
+ }
+ }
+}
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_call_to_action.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_call_to_action.scss
new file mode 100644
index 00000000..7c85a229
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_call_to_action.scss
@@ -0,0 +1,89 @@
+.edu-cta-banner-area-6 {
+ background: var(--gradient-primary);
+ width: 100%;
+ overflow: visible !important;
+
+ .thumbnail {
+ img {
+ height: 567px;
+ margin-top: -67px;
+ margin-left: 60px;
+ @media #{$lg-layout} {
+ margin-top: -30px;
+ }
+ @media #{$md-layout-1} {
+ display: none;
+ }
+ }
+ }
+ .section-title {
+ padding: 120px 0;
+ @media #{$md-layout-1} {
+ text-align: center;
+ padding: 70px 0;
+
+ br {
+ display: none;
+ }
+ }
+
+ .title {
+ color: var(--color-white);
+ }
+ a {
+ &.edu-btn {
+ &.btn-sceondary {
+ &:hover {
+ color: var(--color-heading) !important;
+ background-color: var(--color-white) !important;
+ }
+ }
+ }
+ }
+ }
+ .edu-cta-banner {
+ .shape-group {
+ li {
+ &.shape-01 {
+ top: 100px !important;
+ left: -8px !important;
+ }
+ &.shape-02 {
+ top: 161px !important;
+ left: -64px !important;
+ bottom: inherit !important;
+ }
+ &.shape-03 {
+ left: 28% !important;
+ bottom: 100px !important;
+ z-index: -1 !important;
+ right: inherit !important;
+ top: inherit !important;
+ }
+ &.shape-04 {
+ top: inherit !important;
+ right: inherit !important;
+ bottom: 29% !important;
+ left: 29% !important;
+ z-index: 1;
+ }
+ &.shape-05 {
+ top: 110px !important;
+ right: -251px !important;
+ }
+ &.shape-06 {
+ top: 0 !important;
+ right: -32% !important;
+ }
+ }
+ }
+ }
+ .btn-secondary {
+ &::after {
+ background: var(--color-white);
+ }
+ &:hover {
+ color: var(--color-heading) !important;
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_categorie.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_categorie.scss
new file mode 100644
index 00000000..a974c186
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_categorie.scss
@@ -0,0 +1,217 @@
+// Categorie Style
+.categorie-area-4 {
+ .categorie-grid {
+ display: flex;
+ align-items: flex-start;
+ background: transparent;
+ padding: 0;
+ text-align: left;
+
+ .icon {
+ font-size: 40px;
+ margin: 0 20px 0 0;
+ .computer-science {
+ font-size: 33px;
+ }
+ .health-fitness {
+ font-size: 46px;
+ }
+ .personal-development {
+ font-size: 44px;
+ }
+ .art-design {
+ font-size: 45px;
+ }
+ .video-photography {
+ font-size: 37px;
+ }
+ .data-science {
+ font-size: 41px;
+ }
+ }
+ &.color-primary-style,
+ &.color-secondary-style,
+ &.color-extra01-style,
+ &.color-extra02-style,
+ &.color-extra03-style,
+ &.color-extra04-style,
+ &.color-extra05-style,
+ &.color-extra06-style,
+ &.color-extra07-style,
+ &.color-tertiary-style{
+ background-color: transparent;
+ }
+ &.categorie-style-4 {
+ .content {
+ margin-top: 13px;
+ .title {
+ font-size: 16px;
+ margin-bottom: 5px;
+ }
+ span {
+ display: block;
+ }
+ }
+ &.color-primary-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ &.color-secondary-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-secondary);
+ }
+ }
+ }
+ }
+ &.color-extra01-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra01);
+ }
+ }
+ }
+ }
+ &.color-extra02-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra02);
+ }
+ }
+ }
+ }
+ &.color-extra03-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra03);
+ }
+ }
+ }
+ }
+ &.color-extra04-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra04);
+ }
+ }
+ }
+ }
+ &.color-extra05-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra05);
+ }
+ }
+ }
+ }
+ &.color-extra06-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra06);
+ }
+ }
+ }
+ }
+ &.color-extra07-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-extra07);
+ }
+ }
+ }
+ }
+ &.color-tertiary-style {
+ .content {
+ .title {
+ &:hover {
+ color: var(--color-tertiary);
+ }
+ }
+ }
+ }
+ &:hover {
+ &.color-primary-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-primary);
+ }
+ }
+ &.color-secondary-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-secondary);
+ }
+ }
+ &.color-extra01-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-extra01);
+ }
+ }
+ &.color-extra02-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-extra02);
+ }
+ }
+ &.color-extra03-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-extra03);
+ }
+ }
+ &.color-extra04-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-extra04);
+ }
+ }
+ &.color-extra05-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-extra05);
+ }
+ }
+ &.color-extra06-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-extra06);
+ }
+ }
+ &.color-extra07-style {
+ .icon {
+ background-color: var(--color-extra07);
+ }
+ }
+ &.color-tertiary-style {
+ background-color: transparent;
+ .icon {
+ background-color: var(--color-tertiary);
+ }
+ }
+ }
+ }
+ &:hover {
+ background-color: transparent;
+
+ .content {
+ .title {
+ color: var(--color-heading);
+ }
+ }
+ }
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_course.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_course.scss
new file mode 100644
index 00000000..be5ad730
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_course.scss
@@ -0,0 +1,123 @@
+// Course Style
+.edu-course-area {
+ &.course-area-8 {
+ background-color: var(--color-lighten01);
+ position: relative;
+ overflow: hidden;
+ &::before {
+ display: none;
+ }
+ ul {
+ padding-left: 0;
+ list-style: none;
+
+ .section-title {
+ display: inline-block;
+ margin-top: 0px;
+ @media #{$md-layout-1} {
+ display: block;
+ text-align: center;
+ }
+ }
+ .course-view-all {
+ text-align: end;
+ margin-top: -140px;
+ margin-bottom: 55px;
+ @media #{$md-layout-1} {
+ margin-top: -15px;
+ margin-bottom: 33px;
+ text-align: center;
+ }
+ a {
+ &:hover {
+ color: var(--color-white);
+ }
+ }
+ }
+ }
+ .edu-course {
+ &.course-style-4 {
+
+ &::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ background: var(--gradient-primary);
+ border-radius: 5px;
+ opacity: 0;
+ visibility: hidden;
+ transition: all .4s ease-in-out;
+ }
+ .inner {
+ position: relative;
+ z-index: 12;
+ }
+ .thumbnail{
+ a {
+ &::after {
+ border-radius: 50%;
+ }
+ img {
+ border-radius: 50% !important;
+ }
+ }
+ .time-top {
+ left: 0 !important;
+ }
+ }
+ &:hover {
+ background: transparent;
+ &::after {
+ opacity: 1;
+ visibility: visible;
+ }
+ .course-hover-content-wrapper {
+ opacity: 1;
+ }
+ .thumbnail {
+ a {
+ img {
+ transform: scale(1);
+ }
+ }
+ }
+ }
+ }
+}
+
+ .shape-group {
+ li {
+ &.shape-1 {
+ left: -280px;
+ top: 13px;
+ }
+ &.shape-2 {
+ left: -600px;
+ top: -430px;
+ z-index: -1;
+ span {
+ width: 570px;
+ height: 570px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ display: block;
+ }
+ }
+ &.shape-3 {
+ bottom: -33px;
+ right: -101px;
+ }
+ &.shape-4 {
+ right: -100px;
+ bottom: -12px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_faq.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_faq.scss
new file mode 100644
index 00000000..42329a14
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_faq.scss
@@ -0,0 +1,43 @@
+//Faq Style
+.faq-style-5 {
+ .section-title {
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ }
+ .edu-faq-gallery {
+ .thumbnail-1 {
+ @media #{$md-layout-1} {
+ text-align: center;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 179px;
+ left: 3px;
+ }
+ &.shape-2 {
+ right: 147px;
+ top: 61%;
+ }
+ &.shape-3 {
+ bottom: 0;
+ left: -66%;
+ }
+ }
+ }
+ }
+ .faq-accordion {
+ .accordion-item {
+ .accordion-button {
+ background: var(--gradient-primary);
+ transition: background .3s ease;
+
+ &.collapsed {
+ background: transparent;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_hero_banner.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_hero_banner.scss
new file mode 100644
index 00000000..8e3e5740
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_hero_banner.scss
@@ -0,0 +1,141 @@
+// Modern Schooling Banner Styles
+.hero-banner {
+ &.hero-style-8 {
+ min-height: 790px;
+ position: relative;
+
+ @media #{$md-layout} {
+ padding-top: 95px;
+ }
+
+ .banner-content {
+ z-index: 12;
+
+ @media #{$md-layout-1} {
+ text-align: center;
+ padding-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 50px;
+ }
+
+ p {
+ padding-right: 90px;
+ @media #{$md-layout-1} {
+ padding-right: 0;
+ }
+ }
+ .banner-search {
+ width: 92%;
+ @media #{$md-layout-1} {
+ width: 100%;
+ }
+ .input-group {
+ box-shadow: var(--shadow-darker3);
+ border: none;
+ border-radius: 4px;
+ .form-control {
+ height: 70px;
+ border: none;
+ line-height: 1;
+ font-size: 15px;
+ color: var(--color-body);
+ font-weight: 400;
+ padding: 0 0 0 20px;
+ &:focus {
+ box-shadow: none;
+ }
+ }
+ .search-btn {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: var(--color-heading);
+ padding: 0 20px;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ .banner-thumbnail {
+ margin-right: -100px;
+ margin-top: -60px;
+ @media #{$custom-lg-device-eight} {
+ margin-right: -40px;
+ }
+ @media #{$smlg-device} {
+ margin-right: 0;
+ }
+
+ .thumbnail {
+ @media #{$md-layout-1} {
+ padding-bottom: 100px;
+ }
+ }
+
+ .instructor-info {
+ bottom: -60px;
+ left: 35px;
+ @media #{$md-layout-1} {
+ left: 0;
+ bottom: 90px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 120px;
+ left: 162px;
+ }
+ &.shape-2 {
+ top: 92px;
+ left: inherit;
+ right: -30px;
+ }
+ &.shape-3 {
+ top: inherit;
+ left: inherit;
+ right: -100px;
+ bottom: 9px;
+ @media #{$custom-lg-device-six} {
+ right: -40px;
+ }
+ }
+ &.shape-4 {
+ top: -25px;
+ right: inherit;
+ left: -10px;
+ z-index: -1;
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ position: absolute;
+
+ &.shape-5 {
+ left: -220px;
+ top: -240px;
+ z-index: 1;
+ span {
+ display: block;
+ width: 400px;
+ height: 400px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-6 {
+ left: -297px;
+ top: -23px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_index.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_index.scss
new file mode 100644
index 00000000..0da679b0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_index.scss
@@ -0,0 +1,151 @@
+/*=======================================================================
+ Modern Schooling Styles Starts
+=========================================================================*/
+
+// @import "hero_banner";
+
+/*=======================================================================
+ Modern Schooling Styles End
+=========================================================================*/
+// Modern Schooling Banner Styles
+.hero-banner {
+ &.hero-style-8 {
+ min-height: 790px;
+ background-color: var(--color-white);
+ position: relative;
+
+ @media #{$md-layout} {
+ padding-top: 95px;
+ }
+
+ .banner-content {
+ z-index: 12;
+
+ @media #{$md-layout-1} {
+ text-align: center;
+ padding-bottom: 50px;
+ }
+ @media #{$sm-layout} {
+ padding-top: 50px;
+ }
+
+ p {
+ padding-right: 90px;
+ @media #{$md-layout-1} {
+ padding-right: 0;
+ }
+ }
+ .banner-search {
+ width: 92%;
+ @media #{$md-layout-1} {
+ width: 100%;
+ }
+ .input-group {
+ background-color: var(--color-white);
+ box-shadow: var(--shadow-darker3);
+ border: none;
+ border-radius: 4px;
+ .form-control {
+ height: 70px;
+ border: none;
+ line-height: 1;
+ font-size: 15px;
+ color: var(--color-body);
+ font-weight: 400;
+ padding: 0 0 0 20px;
+ &:focus {
+ box-shadow: none;
+ }
+ }
+ .search-btn {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ color: var(--color-heading);
+ padding: 0 20px;
+ transition: var(--transition);
+ &:hover {
+ color: var(--color-primary);
+ }
+ }
+ }
+ }
+ }
+ .banner-thumbnail {
+ margin-right: -100px;
+ margin-top: -60px;
+ @media #{$custom-lg-device-eight} {
+ margin-right: -40px;
+ }
+ @media #{$smlg-device} {
+ margin-right: 0;
+ }
+
+ .thumbnail {
+ @media #{$md-layout-1} {
+ padding-bottom: 100px;
+ }
+ }
+
+ .instructor-info {
+ bottom: -60px;
+ left: 35px;
+ @media #{$md-layout-1} {
+ left: 0;
+ bottom: 45px;
+ }
+ }
+ .shape-group {
+ li {
+ &.shape-1 {
+ top: 120px;
+ left: 162px;
+ }
+ &.shape-2 {
+ top: 92px;
+ left: inherit;
+ right: -30px;
+ }
+ &.shape-3 {
+ top: inherit;
+ left: inherit;
+ right: -100px;
+ bottom: 9px;
+ @media #{$custom-lg-device-six} {
+ right: -40px;
+ }
+ }
+ &.shape-4 {
+ top: -25px;
+ right: inherit;
+ left: -10px;
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ position: absolute;
+
+ &.shape-5 {
+ left: 140px;
+ top: -88px;
+ z-index: 1;
+ span {
+ display: block;
+ width: 400px;
+ height: 400px;
+ border: 1px solid var(--color-border);
+ border-radius: 50%;
+ }
+ }
+ &.shape-6 {
+ left: 67px;
+ top: 140px;
+ z-index: 1;
+ }
+ }
+ }
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_main.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_main.scss
new file mode 100644
index 00000000..697261ad
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_main.scss
@@ -0,0 +1,13 @@
+/*=======================================================================
+ Modern Schooling Styles Starts
+=========================================================================*/
+
+@import "hero_banner";
+@import "brand";
+@import "categorie";
+@import "faq";
+@import "call_to_action";
+
+/*=======================================================================
+ Modern Schooling Styles End
+=========================================================================*/
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_modern_schooling.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_modern_schooling.scss
new file mode 100644
index 00000000..c68c5968
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_modern_schooling.scss
@@ -0,0 +1,9 @@
+/*=======================================================================
+ Modern Schooling Styles Starts
+=========================================================================*/
+
+@import "hero_banner";
+
+/*=======================================================================
+ Modern Schooling Styles End
+=========================================================================*/
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_modern_testimonial.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_modern_testimonial.scss
new file mode 100644
index 00000000..ac079343
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_modern_testimonial.scss
@@ -0,0 +1,81 @@
+// Testimonial Style
+.testimonial-area-8 {
+ background-image: url(../images/bg/h8-testimonial-bg.svg);
+ width: 100%;
+ height: 100%;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ position: relative;
+ .testimonial-activation {
+ padding: 0 30px;
+ margin: -30px -30px 0;
+ margin-bottom: 50px;
+
+ .swiper-slide {
+ opacity: 0;
+ visibility: hidden;
+ &.swiper-slide-active,
+ &.swiper-slide-next,
+ &.swiper-slide-next + .swiper-slide {
+ opacity: 1;
+ visibility: visible;
+ }
+ &.swiper-slide-next + .swiper-slide {
+
+ @media #{$md-layout-1} {
+ opacity: 0;
+ visibility: hidden;
+ }
+ }
+ &.swiper-slide-next {
+ @media #{$sm-layout} {
+ opacity: 0;
+ visibility: hidden;
+ }
+ }
+ }
+ }
+
+ .testimonial-slide {
+ margin-top: 93px;
+ .author-info {
+ display: block;
+
+ .thumb {
+ margin-right: 0;
+ margin-top: -100px;
+ margin-bottom: 35px;
+ }
+ }
+ .content {
+ text-align: center;
+ margin-bottom: 45px;
+
+ p {
+ margin-bottom: 30px;
+ }
+ .info {
+ .title {
+ margin-bottom: 5px;
+ }
+ }
+ }
+ }
+
+ .shape-group {
+ li {
+ &.shape-3 {
+ bottom: 109px;
+ left: 50%;
+ z-index: 1;
+ transform: translateX(-50%);
+ }
+ }
+ }
+ .swiper-horizontal>.swiper-pagination-bullets,
+ .swiper-pagination-bullets.swiper-pagination-horizontal,
+ .swiper-pagination-custom, .swiper-pagination-fraction {
+ bottom: -30px;
+ }
+}
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_testimonial.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_testimonial.scss
new file mode 100644
index 00000000..d60da653
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/front/scss/template/modern_schooling/_testimonial.scss
@@ -0,0 +1,2 @@
+// Testimonial Style
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/index.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/index.php
new file mode 100644
index 00000000..1d69f3a2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/index.php
@@ -0,0 +1,55 @@
+make(Kernel::class);
+
+$response = $kernel->handle(
+ $request = Request::capture()
+)->send();
+
+$kernel->terminate($request, $response);
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/robots.txt b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/robots.txt
new file mode 100644
index 00000000..eb053628
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/css/app.css b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/css/app.css
new file mode 100644
index 00000000..e69de29b
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/js/app.js b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/js/app.js
new file mode 100644
index 00000000..e59d6a0a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/js/app.js
@@ -0,0 +1 @@
+import './bootstrap';
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/js/bootstrap.js b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/js/bootstrap.js
new file mode 100644
index 00000000..58c3fed2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/js/bootstrap.js
@@ -0,0 +1,36 @@
+import _ from 'lodash';
+window._ = _;
+
+import 'bootstrap';
+
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
+import axios from 'axios';
+window.axios = axios;
+
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo';
+
+// import Pusher from 'pusher-js';
+// window.Pusher = Pusher;
+
+// window.Echo = new Echo({
+// broadcaster: 'pusher',
+// key: import.meta.env.VITE_PUSHER_APP_KEY,
+// wsHost: import.meta.env.VITE_PUSHER_HOST ?? `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
+// wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
+// wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
+// forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
+// enabledTransports: ['ws', 'wss'],
+// });
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/sass/_variables.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/sass/_variables.scss
new file mode 100644
index 00000000..172daaad
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/sass/_variables.scss
@@ -0,0 +1,7 @@
+// Body
+$body-bg: #f8fafc;
+
+// Typography
+$font-family-sans-serif: 'Nunito', sans-serif;
+$font-size-base: 0.9rem;
+$line-height-base: 1.6;
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/sass/app.scss b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/sass/app.scss
new file mode 100644
index 00000000..1026a0bf
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/sass/app.scss
@@ -0,0 +1,8 @@
+// Fonts
+@import url('https://fonts.bunny.net/css?family=Nunito');
+
+// Variables
+@import 'variables';
+
+// Bootstrap
+@import 'bootstrap/scss/bootstrap';
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/create.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/create.blade.php
new file mode 100644
index 00000000..ff125f75
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/create.blade.php
@@ -0,0 +1,110 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Create Country
+@endsection
+@section('content')
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/edit.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/edit.blade.php
new file mode 100644
index 00000000..8bc18960
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/edit.blade.php
@@ -0,0 +1,110 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Update Country
+@endsection
+@section('content')
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/index.blade.php
new file mode 100644
index 00000000..d1d094ac
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/country/index.blade.php
@@ -0,0 +1,155 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Country List
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+
+
+
+
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/dashboard.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/dashboard.blade.php
new file mode 100644
index 00000000..5bda1919
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/dashboard.blade.php
@@ -0,0 +1,111 @@
+@extends('layouts.masterlayout')
+@section('title')
+Dashboard
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+ Students
+
+ 10
+
+
+
+
+
+
+
+
+
+ Exams
+ {{ $data['totalExam'] }}
+
+
+
+
+
+
+
+
+
+ Plan
+ {{ $data['totalPlan'] }}
+
+
+
+
+
+
+
+ Subject
+ {{ $data['totalSubject'] }}
+
+
+
+
+
+
+
+ Test
+ {{$data['totalTest'] }}
+
+
+
+
+
+
+
+ Test Question
+ {{$data['totalTest'] }}
+
+
+
+
+
+
+
+ Country
+ {{$data['totalCountry'] }}
+
+
+
+
+
+
+
+ State
+ {{$data['totalState'] }}
+
+
+
+
+
+
+
+@endsection
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/create.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/create.blade.php
new file mode 100644
index 00000000..6c829668
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/create.blade.php
@@ -0,0 +1,202 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Create Exam
+@endsection
+@section('content')
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/edit.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/edit.blade.php
new file mode 100644
index 00000000..b253aecf
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/edit.blade.php
@@ -0,0 +1,217 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Update Exam
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Country *
+
+ Select Country
+ @foreach ($country as $countryList)
+ @if($exam->country_id == $countryList->id)
+ {{ $countryList->name }}
+ @else
+ {{ $countryList->name }}
+
+ @endif
+ @endforeach
+
+ {{ $errors->exam->first('country') }}
+
+
+
+
+
+
+ State *
+
+ Select State
+
+ {{ $errors->exam->first('state') }}
+
+
+
+
+
+
+ Exam Category *
+
+ Select Exam Category
+ @foreach ($examCategory as $examCategoryList)
+ @if($exam->exam_category_id == $examCategoryList->id)
+ {{ $examCategoryList->title }}
+ @else
+
+ {{ $examCategoryList->title }}
+ @endif
+ @endforeach
+
+ {{ $errors->exam->first('examcategory') }}
+
+
+
+
+
+
+ Name *
+
+ {{ $errors->exam->first('name') }}
+
+
+
+
+
+
+ Description
+ {{ $exam->description }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/index.blade.php
new file mode 100644
index 00000000..e80386b9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/exam/index.blade.php
@@ -0,0 +1,169 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Exam List
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+ Category
+ State
+ Country
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+
+
+
+
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/create.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/create.blade.php
new file mode 100644
index 00000000..2c8d0ec1
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/create.blade.php
@@ -0,0 +1,107 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Create Exam Category
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Title *
+
+ {{ $errors->examcategory->first('title') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/edit.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/edit.blade.php
new file mode 100644
index 00000000..51cbb984
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/edit.blade.php
@@ -0,0 +1,117 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Update Exam Category
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Name
+
+ {{ $errors->examcategory->first('title') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/index.blade.php
new file mode 100644
index 00000000..a4d3ddd4
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/examcategory/index.blade.php
@@ -0,0 +1,156 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Exam Category List
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Title
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+
+
+
+
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/forgotpassword.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/forgotpassword.blade.php
new file mode 100644
index 00000000..c3c906db
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/forgotpassword.blade.php
@@ -0,0 +1,80 @@
+@extends('layouts.loginmater')
+@section('content')
+
+
+
+
+
Get Your Password
+
+ @csrf
+
+ {{ $errors->forgotpassword->first('email') }}
+
+
+ Send Forgot Password Mail
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/login.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/login.blade.php
new file mode 100644
index 00000000..1666cab5
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/login.blade.php
@@ -0,0 +1,93 @@
+@extends('layouts.loginmater')
+@section('content')
+
+
+
+
+
Sign in to start your session
+
+ @csrf
+
+ {{ $errors->login->first('email') }}
+
+ {{ $errors->login->first('password') }}
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/create.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/create.blade.php
new file mode 100644
index 00000000..97ef3e33
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/create.blade.php
@@ -0,0 +1,235 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Create Plan
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Exam *
+
+ Select Exam
+ @foreach ($exam as $examList)
+ {{ $examList->name }}
+
+ @endforeach
+
+ {{ $errors->plan->first('exam') }}
+
+
+
+
+ Name *
+
+ {{ $errors->plan->first('name') }}
+
+
+
+
+ Year *
+
+ {{ $errors->plan->first('examcyearategory') }}
+
+
+
+
+
+
+
+ Price *
+
+ {{ $errors->plan->first('price') }}
+
+
+
+
+ Validity *
+
+ {{ $errors->plan->first('Validity') }}
+
+
+
+
+
+
+
+ Attempt *
+
+ Select Attempt
+ @for ($i = 1; $i <= 10; $i++)
+ {{ $i }}
+ @endfor
+
+ {{ $errors->plan->first('attempt') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/edit.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/edit.blade.php
new file mode 100644
index 00000000..17465412
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/edit.blade.php
@@ -0,0 +1,251 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Update Plan
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Exam *
+
+ Select Exam
+ @foreach ($exam as $examList)
+ @if ($examList->id == $plan->exam_id)
+
+ {{ $examList->name }}
+
+ @else
+ {{ $examList->name }}
+
+ @endif
+ @endforeach
+
+ {{ $errors->plan->first('exam') }}
+
+
+
+
+ Name *
+ name }}>
+ {{ $errors->plan->first('name') }}
+
+
+
+
+ Year *
+ year }}>
+ {{ $errors->plan->first('examcyearategory') }}
+
+
+
+
+
+
+ Price *
+ price }}>
+ {{ $errors->plan->first('price') }}
+
+
+
+
+ Validity *
+ validity }}>
+ {{ $errors->plan->first('Validity') }}
+
+
+
+
+
+
+
+ Attempt *
+
+ Select Attempt
+ @for ($i = 1; $i <= 10; $i++)
+ @if($plan->attempt == $i)
+ {{ $i }}
+ @else
+ {{ $i }}
+ @endif
+ @endfor
+
+ {{ $errors->plan->first('attempt') }}
+
+
+
+
+ Description
+ {{ $plan->description }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/index.blade.php
new file mode 100644
index 00000000..9f5ef017
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/plan/index.blade.php
@@ -0,0 +1,168 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Plan List
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Exam
+ Name
+ Year
+ Price
+ Validity
+ Unlimitest Test
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+
+
+
+
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/profile.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/profile.blade.php
new file mode 100644
index 00000000..ee11a517
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/profile.blade.php
@@ -0,0 +1,223 @@
+@extends('layouts.masterlayout')
+@section('title') Profile @endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ Auth::user()->name}}
+
{{ (Auth::user()->role == 1) ? 'Admin' : '' }}
+
+
Logout
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/resetpassword.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/resetpassword.blade.php
new file mode 100644
index 00000000..0cf8f65b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/resetpassword.blade.php
@@ -0,0 +1,104 @@
+@extends('layouts.loginmater')
+@section('content')
+
+
+
+
+
Reset Your Password
+
+ @csrf
+
+
+
+
+ {{ $errors->login->first('confirmpassword') }}
+
+
+ Reset Password
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/create.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/create.blade.php
new file mode 100644
index 00000000..b7aa2e5e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/create.blade.php
@@ -0,0 +1,132 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Create State
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Country *
+
+ Select Country
+ @foreach ($country as $countryList)
+ {{ $countryList->name }}
+
+ @endforeach
+
+ {{ $errors->state->first('country') }}
+
+
+
+
+
+
+ Name *
+
+ {{ $errors->state->first('name') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/edit.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/edit.blade.php
new file mode 100644
index 00000000..e5647b58
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/edit.blade.php
@@ -0,0 +1,135 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Update State
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Country *
+
+ Select Country
+ @foreach ($country as $countryList)
+ @if ($state->country_id == $countryList->id)
+ {{ $countryList->name }}
+ @endif
+ {{ $countryList->name }}
+
+ @endforeach
+
+ {{ $errors->state->first('country') }}
+
+
+
+
+
+
+ Name *
+
+ {{ $errors->state->first('name') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/index.blade.php
new file mode 100644
index 00000000..fddf1d1c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/state/index.blade.php
@@ -0,0 +1,147 @@
+@extends('layouts.masterlayout')
+@section('title')
+ State List
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+ Country
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+
+
+
+
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/create.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/create.blade.php
new file mode 100644
index 00000000..a33ce6c6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/create.blade.php
@@ -0,0 +1,140 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Create Subject
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Plan *
+
+ Select Plan
+ @foreach ($plan as $planList)
+ {{ $planList->name }}
+
+ @endforeach
+
+ {{ $errors->state->first('country') }}
+
+
+
+
+
+
+ Name *
+
+ {{ $errors->state->first('name') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/edit.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/edit.blade.php
new file mode 100644
index 00000000..6965cddc
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/edit.blade.php
@@ -0,0 +1,147 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Update Subject
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Country *
+
+ Select Plan
+ @foreach ($plan as $planList)
+ @if ($subject->plan_id == $planList->id)
+
+ {{ $planList->name }}
+ @endif
+ {{ $planList->name }}
+
+ @endforeach
+
+ {{ $errors->subject->first('plan') }}
+
+
+
+
+
+
+ Name *
+
+ {{ $errors->subject->first('name') }}
+
+
+
+
+
+
+ Description
+ {{ $subject->description }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/index.blade.php
new file mode 100644
index 00000000..a4b43996
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/subject/index.blade.php
@@ -0,0 +1,147 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Subject List
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+ Plan
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+
+
+
+
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/create.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/create.blade.php
new file mode 100644
index 00000000..e3ca369f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/create.blade.php
@@ -0,0 +1,140 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Create Test
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Subject *
+
+ Select Subject
+ @foreach ($subject as $subjectList)
+ {{ $subjectList->name }}
+
+ @endforeach
+
+ {{ $errors->state->first('country') }}
+
+
+
+
+
+
+ Name *
+
+ {{ $errors->state->first('name') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/edit.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/edit.blade.php
new file mode 100644
index 00000000..11d10e86
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/edit.blade.php
@@ -0,0 +1,143 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Update Test
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Subject *
+
+ Select Subject
+ @foreach ($subject as $subjectList)
+ @if ($test->subject_id == $subjectList->id)
+ {{ $subjectList->name }}
+ @endif
+ {{ $subjectList->name }}
+
+ @endforeach
+
+ {{ $errors->test->first('country') }}
+
+
+
+
+
+
+ Name *
+
+ {{ $errors->test->first('name') }}
+
+
+
+
+
+
+ Description
+ {{ $test->description }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/index.blade.php
new file mode 100644
index 00000000..4eab35f2
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test/index.blade.php
@@ -0,0 +1,147 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Test List
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+ Subject
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+
+
+
+
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/create.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/create.blade.php
new file mode 100644
index 00000000..823b5cd3
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/create.blade.php
@@ -0,0 +1,231 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Create Test Question
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Test *
+
+ Select Test
+ @foreach ($test as $testList)
+ {{ $testList->name }}
+
+ @endforeach
+
+ {{ $errors->testquestion->first('test') }}
+
+
+
+
+
+
+
+ Question *
+
+ {{ $errors->testquestion->first('question') }}
+
+
+
+
+ Question *
+
+ {{ $errors->testquestion->first('question') }}
+
+
+
+
+
+
+ Option 1 *
+
+ {{ $errors->testquestion->first('option_1') }}
+
+
+
+
+ Option 2 *
+
+ {{ $errors->testquestion->first('option_2') }}
+
+
+
+
+ Option 3 *
+
+ {{ $errors->testquestion->first('option_3') }}
+
+
+
+
+
+
+ Option 4 *
+
+ {{ $errors->testquestion->first('option_4') }}
+
+
+
+
+ True Answer*
+
+ {{ $errors->testquestion->first('true_answer') }}
+
+
+
+
+ Solution*
+
+ {{ $errors->testquestion->first('solution') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/edit.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/edit.blade.php
new file mode 100644
index 00000000..e5647b58
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/edit.blade.php
@@ -0,0 +1,135 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Update State
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+ Country *
+
+ Select Country
+ @foreach ($country as $countryList)
+ @if ($state->country_id == $countryList->id)
+ {{ $countryList->name }}
+ @endif
+ {{ $countryList->name }}
+
+ @endforeach
+
+ {{ $errors->state->first('country') }}
+
+
+
+
+
+
+ Name *
+
+ {{ $errors->state->first('name') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/index.blade.php
new file mode 100644
index 00000000..3ab84007
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/index.blade.php
@@ -0,0 +1,147 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Question List
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Test
+ Question
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+
+
+
+
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/show.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/show.blade.php
new file mode 100644
index 00000000..092b7d3f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/admin/test_question/show.blade.php
@@ -0,0 +1,78 @@
+@extends('layouts.masterlayout')
+@section('title')
+ Question View
+@endsection
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $testquestion->question}}
+
+
+
+
+
+ {{ $testquestion->option_1}}
+
+
+ {{ $testquestion->option_2}}
+
+
+ {{ $testquestion->option_3}}
+
+
+ {{ $testquestion->option_4}}
+
+
+
+
+ {{ $testquestion->true_answer}}
+
+
+ {{ $testquestion->solution}}
+
+
+
+
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/login.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/login.blade.php
new file mode 100644
index 00000000..23ea4665
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/login.blade.php
@@ -0,0 +1,63 @@
+@extends('layouts.app')
+@section('content')
+
+
+
+
+
+
+
+
+ @csrf
+
+
{{ __('Email Address') }}
+
+
+ @error('email')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
{{ __('Password') }}
+
+
+ @error('password')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
+
+
+
+
+ {{ __('Remember Me') }}
+
+
+
+
+
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/confirm.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/confirm.blade.php
new file mode 100644
index 00000000..f8c8e61b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/confirm.blade.php
@@ -0,0 +1,49 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
+
+
+ {{ __('Please confirm your password before continuing.') }}
+
+
+ @csrf
+
+
+
{{ __('Password') }}
+
+
+
+
+ @error('password')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/email.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/email.blade.php
new file mode 100644
index 00000000..d1ac7831
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/email.blade.php
@@ -0,0 +1,47 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
+
+
+ @if (session('status'))
+
+ {{ session('status') }}
+
+ @endif
+
+
+ @csrf
+
+
+
{{ __('Email Address') }}
+
+
+
+
+ @error('email')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
+
+
+ {{ __('Send Password Reset Link') }}
+
+
+
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/reset.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/reset.blade.php
new file mode 100644
index 00000000..dccf6c65
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/passwords/reset.blade.php
@@ -0,0 +1,65 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
+
+
{{ __('Email Address') }}
+
+
+
+
+ @error('email')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
+
{{ __('Password') }}
+
+
+
+
+ @error('password')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
+
{{ __('Confirm Password') }}
+
+
+
+
+
+
+
+
+
+ {{ __('Reset Password') }}
+
+
+
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/register.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/register.blade.php
new file mode 100644
index 00000000..12cad1a9
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/register.blade.php
@@ -0,0 +1,77 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
+
+
+
+ @csrf
+
+
+
{{ __('Name') }}
+
+
+
+
+ @error('name')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
+
{{ __('Email Address') }}
+
+
+
+
+ @error('email')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
+
{{ __('Password') }}
+
+
+
+
+ @error('password')
+
+ {{ $message }}
+
+ @enderror
+
+
+
+
+
{{ __('Confirm Password') }}
+
+
+
+
+
+
+
+
+
+ {{ __('Register') }}
+
+
+
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/verify.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/verify.blade.php
new file mode 100644
index 00000000..9f8c1bc0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/auth/verify.blade.php
@@ -0,0 +1,28 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
+
+
+ @if (session('resent'))
+
+ {{ __('A fresh verification link has been sent to your email address.') }}
+
+ @endif
+
+ {{ __('Before proceeding, please check your email for a verification link.') }}
+ {{ __('If you did not receive the email') }},
+
+ @csrf
+ {{ __('click here to request another') }} .
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/changepassword.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/changepassword.blade.php
new file mode 100644
index 00000000..b184fe20
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/changepassword.blade.php
@@ -0,0 +1,243 @@
+@extends('layouts.front.masterlayout')
+@include('message')
+@section('content')
+
+
+
+
+
+
+
+
Change Password
+
+
+ Home
+
+ Change Password
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Welcome
+
{{ auth()->user()->name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Get Your Quality Skills Certificate
+ Through EduBlink
+
Get started now
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/common.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/common.blade.php
new file mode 100644
index 00000000..73dd38fc
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/common.blade.php
@@ -0,0 +1,14 @@
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/dahsboard.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/dahsboard.blade.php
new file mode 100644
index 00000000..20db1c4e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/dahsboard.blade.php
@@ -0,0 +1,95 @@
+@extends('layouts.front.masterlayout')
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Welcome
+
{{ auth()->user()->name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Get Your Quality Skills Certificate
+ Through EduBlink
+
Get started now
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@endsection
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/index.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/index.blade.php
new file mode 100644
index 00000000..e8492b4a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/index.blade.php
@@ -0,0 +1,1095 @@
+@extends('layouts.front.masterlayout')
+@section('content')
+
+
+
+
+
+
Get 2500+ Best Online Courses From {{ env("APP_NAME")}}
+
Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
3020 Online Courses
+
+
+
+
+
+
+
+
Top Instructors
+
+
+
+
+
+
+
+
Online Certifications
+
+
+
+
+
+
+
+
6000 Members
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Top Categories
+
+
Consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
29+
+ Wonderful Awards
+
+
+
+
+
+
+
+
+
+
About Us
+
Learn & Grow Your Skills From Anywhere
+
+
Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod ex tempor incididunt labore dolore magna aliquaenim minim veniam quis nostrud exercitation ullamco laboris.
+
+
+ Expert Trainers
+ Online Remote Learning
+ Lifetime Access
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Popular Courses
+
Pick A Course To Get Started
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ . K
+
+ Student Enrolled
+
+
+
+ . K
+
+ Class Completed
+
+
+
+
+
+
Top Instructors
+
+
+
+
Satisfaction Rate
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Testimonials
+
What Our Students Have To Say
+
+
Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod tempor incididunt labore dolore magna aliquaenim ad minim.
+
View All
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.
+
+
+
+
+
+
+
+
Ray Sanchez
+
Student
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.
+
+
+
+
+
+
+
+
Thomas Lopez
+
Designer
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.
+
+
+
+
+
+
+
+
Amber Page
+
Developer
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.
+
+
+
+
+
+
+
+
Robert Tapp
+
Content Creator
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Instructors
+
Course Instructors
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Our Partners
+
Learn with Our Partners
+
+
Lorem ipsum dolor sit amet consectur adipiscing elit sed eiusmod tempor incididunt.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Latest Articles
+
Get News with EduBlink
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Oct 10, 2021
+ Com 09
+
+
Lorem ipsum dolor sit amet cons tetur adipisicing sed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Oct 10, 2021
+ Com 09
+
+
Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt labore dol oremagna aliqua.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Oct 10, 2021
+ Com 09
+
+
Lorem ipsum dolor sit amet cons tetur adipisicing sed do eiusmod ux tempor incid idunt.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/login.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/login.blade.php
new file mode 100644
index 00000000..f10fe061
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/login.blade.php
@@ -0,0 +1,270 @@
+@extends('layouts.front.masterlayout')
+@include('message')
+@section('content')
+
+
+
+
+
+@section('script')
+
+@endsection
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/profile.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/profile.blade.php
new file mode 100644
index 00000000..f1be9780
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/front/profile.blade.php
@@ -0,0 +1,127 @@
+@extends('layouts.front.masterlayout')
+@section('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Welcome
+
{{ auth()->user()->name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Get Your Quality Skills Certificate
+ Through EduBlink
+
Get started now
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/home.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/home.blade.php
new file mode 100644
index 00000000..1f34466b
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/home.blade.php
@@ -0,0 +1,23 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
+
+
+ @if (session('status'))
+
+ {{ session('status') }}
+
+ @endif
+
+ {{ __('You are logged in!') }}
+
+
+
+
+
+@endsection
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/app.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/app.blade.php
new file mode 100644
index 00000000..c4a59a7c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/app.blade.php
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
+
+
+ {{ config('app.name', 'Laravel') }}
+
+
+
+
+
+
+ @vite(['resources/sass/app.scss', 'resources/js/app.js'])
+
+
+
+
+
+
+
+
+ @yield('content')
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/front/masterlayout.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/front/masterlayout.blade.php
new file mode 100644
index 00000000..37d7de51
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/front/masterlayout.blade.php
@@ -0,0 +1,480 @@
+
+
+
+
+
+
+ {{ env('APP_NAME') }} | Online Education Platform
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Cancel Preloader
+
+
+
+
+
+
+
+
+
+ @yield('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @yield('script')
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/loginmater.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/loginmater.blade.php
new file mode 100644
index 00000000..2f772e4c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/loginmater.blade.php
@@ -0,0 +1,33 @@
+
+
+
+
+
+ {{env('APP_NAME')}} | Log in
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @include('message')
+ @yield('content')
+
+
+
+
+
+
+
+ @yield('script')
+
+
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/masterlayout.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/masterlayout.blade.php
new file mode 100644
index 00000000..2806f5c3
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/layouts/masterlayout.blade.php
@@ -0,0 +1,205 @@
+
+
+
+
+
+
+
+ {{ env('APP_NAME') }} | @yield('title')
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ @yield('content')
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @yield('script')
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/mail/forgot.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/mail/forgot.blade.php
new file mode 100644
index 00000000..80ad3d95
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/mail/forgot.blade.php
@@ -0,0 +1,17 @@
+
+
+
+
{{ env('APP_NAME') }}
+
+
+
+
{{ env('APP_NAME') }} Reset Password
+
Hi , {{ $name }}
+
Forget your Password ?
+
We recived a request to reset the password for your account.
+
To Reset Password, click on the below:
+
Reset Password
+
Thank you
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/message.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/message.blade.php
new file mode 100644
index 00000000..c81ed835
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/message.blade.php
@@ -0,0 +1,44 @@
+@if ($message = Session::get('success'))
+
+
+ ×
+ {{ $message }}
+
+
+@endif
+
+@if ($message = Session::get('error'))
+
+
+ ×
+ {{ $message }}
+
+
+@endif
+
+@if ($message = Session::get('warning'))
+
+
+ ×
+ {{ $message }}
+
+
+@endif
+
+@if ($message = Session::get('info'))
+
+
+ ×
+ {{ $message }}
+
+
+@endif
+
+@if ($errors->any())
+
+
+ ×
+ Please check the form below for errors
+
+
+@endif
\ No newline at end of file
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/welcome.blade.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/welcome.blade.php
new file mode 100644
index 00000000..9d3ab212
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/resources/views/welcome.blade.php
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
Laravel
+
+
+
+
+
+
+
+
+
+
+
+ @if (Route::has('login'))
+
+ @auth
+
Home
+ @else
+
Log in
+
+ @if (Route::has('register'))
+
Register
+ @endif
+ @endauth
+
+ @endif
+
+
+
+
+
+
+
+
+
+
+
+ Laravel has wonderful, thorough documentation covering every aspect of the framework. Whether you are new to the framework or have previous experience with Laravel, we recommend reading all of the documentation from beginning to end.
+
+
+
+
+
+
+
+
+
+ Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
+
+
+
+
+
+
+
+
+
+ Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials.
+
+
+
+
+
+
+
+
+
+ Laravel's robust library of first-party tools and libraries, such as
Forge ,
Vapor ,
Nova , and
Envoyer help you take your projects to the next level. Pair them with powerful open source libraries like
Cashier ,
Dusk ,
Echo ,
Horizon ,
Sanctum ,
Telescope , and more.
+
+
+
+
+
+
+
+
+
+
+ Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
+
+
+
+
+
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/api.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/api.php
new file mode 100644
index 00000000..eb6fa48c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/api.php
@@ -0,0 +1,19 @@
+get('/user', function (Request $request) {
+ return $request->user();
+});
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/channels.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/channels.php
new file mode 100644
index 00000000..5d451e1f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/channels.php
@@ -0,0 +1,18 @@
+id === (int) $id;
+});
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/console.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/console.php
new file mode 100644
index 00000000..e05f4c9a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/console.php
@@ -0,0 +1,19 @@
+comment(Inspiring::quote());
+})->purpose('Display an inspiring quote');
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/web.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/web.php
new file mode 100644
index 00000000..dda2bddf
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/routes/web.php
@@ -0,0 +1,161 @@
+route('front.index');
+ });
+Route::prefix('front')->group(function () {
+ Route::controller(FrontHomeController::class)->group(function () {
+ Route::get('index', 'index')->name('front.index');
+ });
+ Route::controller(AuthController::class)->group(function () {
+ Route::get('login', 'login')->name('front.login');
+ Route::post('register','register')->name('front.register');
+ Route::post('postlogin', 'postlogin')->name('front.postlogin');
+ Route::get('logout','logout')->name('front.logout');
+ });
+});
+Route::middleware(['auth'])->group(function () {
+ Route::prefix('front')->group(function () {
+ Route::get('studentdashboard',[FrontHomeController::class,'dashboard'])->name('front.dashboard');
+ Route::get('studentprofile',[FrontHomeController::class,'profile'])->name('front.profile');
+ Route::get('studentchangepassword',[FrontHomeController::class,'changepassword'])->name('front.changepassword');
+ Route::post('postchangepassword',[FrontHomeController::class,'updatePassword'])->name('front.postchangepassword');
+ });
+});
+/* Admin Route */
+Route::controller(LoginController::class)->group(function () {
+ Route::get('login', 'index')->name('login');
+ Route::post('login-validate', 'login')->name('login-validate');
+ Route::get('logout', 'logout')->name('logout');
+});
+
+Route::controller(ResetPasswordController::class)->group(function () {
+ Route::get('forgotpassword', 'forgotpassword')->name('forgotpassword');
+ Route::post('send-mail-forgotpassword', 'sendEmailForgotPassword')->name('send-mail-forgotpassword');
+ Route::get('resetpassword/{email}', 'resetpassword')->name('resetpassword');
+ Route::post('resetpassword', 'postResetPassword')->name('post-resetpassword');
+});
+
+
+Route::middleware(['auth','prevent-back-history'])->group(function () {
+ Route::prefix('admin')->group(function () {
+ Route::controller(HomeController::class)->group(function () {
+ Route::get('dashboard', 'dashboard')->name('admin.dashboard');
+ Route::get('profile', 'profile')->name('admin.profile');
+ Route::post('update-profile', 'updateProfile')->name('admin.update.profile');
+ Route::post('update-password', 'updatePassword')->name('admin.update.pssword');
+ });
+ Route::controller(CountryController::class)->group(function () {
+ Route::get('country', 'index')->name('admin.country');
+ Route::post('get-country-list', 'getCountryList')->name('admin.get-country-list');
+ Route::get('add-country', 'create')->name('admin.country.add');
+ Route::post('store-country', 'store')->name('admin.country.store');
+ Route::get('edit-country/{id}', 'edit')->name('admin.country.edit');
+ Route::post('update-country/{id}', 'update')->name('admin.country.update');
+ Route::post('delete-country', 'delete')->name('admin.country.delete');
+ });
+ Route::controller(StateController::class)->group(function () {
+ Route::get('state', 'index')->name('admin.state');
+ Route::post('get-state-list', 'getStateList')->name('admin.get-state-list');
+ Route::get('add-state', 'create')->name('admin.state.add');
+ Route::post('store-state', 'store')->name('admin.state.store');
+ Route::get('edit-state/{id}', 'edit')->name('admin.state.edit');
+ Route::post('update-state/{id}', 'update')->name('admin.state.update');
+ Route::post('delete-state', 'delete')->name('admin.state.delete');
+ });
+ Route::controller(ExamCategoryController::class)->group(function () {
+ Route::get('examcategory', 'index')->name('admin.examcategory');
+ Route::post('get-examcategory-list', 'getExamCategoryList')->name('admin.get-examcategory-list');
+ Route::get('add-examcategory', 'create')->name('admin.examcategory.add');
+ Route::post('store-examcategory', 'store')->name('admin.examcategory.store');
+ Route::get('edit-examcategory/{id}', 'edit')->name('admin.examcategory.edit');
+ Route::post('update-examcategory/{id}', 'update')->name('admin.examcategory.update');
+ Route::post('delete-examcategory', 'delete')->name('admin.examcategory.delete');
+ });
+ Route::controller(ExamController::class)->group(function () {
+ Route::get('exam', 'index')->name('admin.exam');
+ Route::post('get-exam-list', 'getExamList')->name('admin.get-exam-list');
+ Route::get('add-exam', 'create')->name('admin.exam.add');
+ Route::post('get-state', 'get_StateList')->name('admin.getstate');
+ Route::post('store-exam', 'store')->name('admin.exam.store');
+ Route::get('edit-exam/{id}', 'edit')->name('admin.exam.edit');
+ Route::post('update-exam/{id}', 'update')->name('admin.exam.update');
+ Route::post('delete-exam', 'delete')->name('admin.exam.delete');
+ });
+ Route::controller(PlanController::class)->group(function () {
+ Route::get('plan', 'index')->name('admin.plan');
+ Route::post('get-plan-list', 'getPlanList')->name('admin.get-plan-list');
+ Route::get('add-plan', 'create')->name('admin.plan.add');
+ Route::post('store-plan', 'store')->name('admin.plan.store');
+ Route::get('edit-plan/{id}', 'edit')->name('admin.plan.edit');
+ Route::post('update-plan/{id}', 'update')->name('admin.plan.update');
+ Route::post('delete-plan', 'delete')->name('admin.plan.delete');
+ });
+ Route::controller(SubjectController::class)->group(function () {
+ Route::get('subject', 'index')->name('admin.subject');
+ Route::post('get-subject-list', 'getSubjectList')->name('admin.get-subject-list');
+ Route::get('add-subject', 'create')->name('admin.subject.add');
+ Route::post('store-subject', 'store')->name('admin.subject.store');
+ Route::get('edit-subject/{id}', 'edit')->name('admin.subject.edit');
+ Route::post('update-subject/{id}', 'update')->name('admin.subject.update');
+ Route::post('delete-subject', 'delete')->name('admin.subject.delete');
+ });
+ Route::controller(SubjectController::class)->group(function () {
+ Route::get('subject', 'index')->name('admin.subject');
+ Route::post('get-subject-list', 'getSubjectList')->name('admin.get-subject-list');
+ Route::get('add-subject', 'create')->name('admin.subject.add');
+ Route::post('store-subject', 'store')->name('admin.subject.store');
+ Route::get('edit-subject/{id}', 'edit')->name('admin.subject.edit');
+ Route::post('update-subject/{id}', 'update')->name('admin.subject.update');
+ Route::post('delete-subject', 'delete')->name('admin.subject.delete');
+ });
+ Route::controller(TestController::class)->group(function () {
+ Route::get('test', 'index')->name('admin.test');
+ Route::post('get-test-list', 'getTestList')->name('admin.get-test-list');
+ Route::get('add-test', 'create')->name('admin.test.add');
+ Route::post('store-test', 'store')->name('admin.test.store');
+ Route::get('edit-test/{id}', 'edit')->name('admin.test.edit');
+ Route::post('update-test/{id}', 'update')->name('admin.test.update');
+ Route::post('delete-test', 'delete')->name('admin.test.delete');
+ });
+ Route::controller(TestQuestionController::class)->group(function () {
+ Route::get('question', 'index')->name('admin.question');
+ Route::post('get-question-list', 'getQuestionList')->name('admin.get-question-list');
+ Route::get('view-question/{id}', 'show')->name('admin.question.show');
+ Route::get('add-question', 'create')->name('admin.question.add');
+ Route::post('store-question', 'store')->name('admin.question.store');
+ Route::get('edit-question/{id}', 'edit')->name('admin.question.edit');
+ Route::post('update-question/{id}', 'update')->name('admin.question.update');
+ Route::post('delete-question', 'delete')->name('admin.question.delete');
+ });
+ });
+});
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/app/.gitignore b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/app/.gitignore
new file mode 100644
index 00000000..8f4803c0
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/app/.gitignore
@@ -0,0 +1,3 @@
+*
+!public/
+!.gitignore
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/app/public/.gitignore b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/app/public/.gitignore
new file mode 100644
index 00000000..d6b7ef32
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/app/public/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/.gitignore b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/.gitignore
new file mode 100644
index 00000000..05c4471f
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/.gitignore
@@ -0,0 +1,9 @@
+compiled.php
+config.php
+down
+events.scanned.php
+maintenance.php
+routes.php
+routes.scanned.php
+schedule-*
+services.json
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/cache/.gitignore b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/cache/.gitignore
new file mode 100644
index 00000000..01e4a6cd
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/cache/.gitignore
@@ -0,0 +1,3 @@
+*
+!data/
+!.gitignore
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/cache/data/.gitignore b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/cache/data/.gitignore
new file mode 100644
index 00000000..d6b7ef32
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/cache/data/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/sessions/.gitignore b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/sessions/.gitignore
new file mode 100644
index 00000000..d6b7ef32
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/sessions/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/testing/.gitignore b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/testing/.gitignore
new file mode 100644
index 00000000..d6b7ef32
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/testing/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/views/.gitignore b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/views/.gitignore
new file mode 100644
index 00000000..d6b7ef32
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/storage/framework/views/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/CreatesApplication.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/CreatesApplication.php
new file mode 100644
index 00000000..547152f6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/CreatesApplication.php
@@ -0,0 +1,22 @@
+make(Kernel::class)->bootstrap();
+
+ return $app;
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/Feature/ExampleTest.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/Feature/ExampleTest.php
new file mode 100644
index 00000000..1eafba61
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/Feature/ExampleTest.php
@@ -0,0 +1,21 @@
+get('/');
+
+ $response->assertStatus(200);
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/TestCase.php b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/TestCase.php
new file mode 100644
index 00000000..2932d4a6
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/tests/TestCase.php
@@ -0,0 +1,10 @@
+assertTrue(true);
+ }
+}
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/vite.config.js b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/vite.config.js
new file mode 100644
index 00000000..dbbf3330
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/example-app/vite.config.js
@@ -0,0 +1,14 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+
+export default defineConfig({
+ plugins: [
+ laravel({
+ input: [
+ 'resources/sass/app.scss',
+ 'resources/js/app.js',
+ ],
+ refresh: true,
+ }),
+ ],
+});
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/init_helloworld.sh b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/init_helloworld.sh
new file mode 100644
index 00000000..59173d60
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/init_helloworld.sh
@@ -0,0 +1,2 @@
+composer create-project laravel/laravel example-app
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/install_dashboard.sh b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/install_dashboard.sh
new file mode 100644
index 00000000..2e290117
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/install_dashboard.sh
@@ -0,0 +1,14 @@
+# https://github.com/laravel-frontend-presets/material-dashboard
+
+
+pushd example-app
+ composer require laravel/ui
+ composer require laravel-frontend-presets/material-dashboard
+
+ php artisan ui material
+
+ composer dump-autoload
+
+ php artisan migrate:fresh --seed
+
+popd
diff --git a/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/php-cli.ini b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/php-cli.ini
new file mode 100644
index 00000000..10cd8550
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/php74-httpd/php-cli.ini
@@ -0,0 +1,6 @@
+# composer php cli ini settings
+date.timezone=UTC
+memory_limit=-1
+
+# extension=pdo_mysql.so
+
diff --git a/teddy_y/quotation2/laravel-simple-tryout/readme.md b/teddy_y/quotation2/laravel-simple-tryout/readme.md
new file mode 100644
index 00000000..30b7e07c
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/readme.md
@@ -0,0 +1,5 @@
+/home/logic/_workspace/laravel-playlist/laravel-docker-helloworld/blog-stripe-tryout/php74-httpd/blog-stripe/resources/views/pages/home/index.blade.php
+
+### references :
+
+https://github.com/AngelJayMedia/blog-stripe
diff --git a/teddy_y/quotation2/laravel-simple-tryout/up.ps1 b/teddy_y/quotation2/laravel-simple-tryout/up.ps1
new file mode 100644
index 00000000..ba4e675e
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/up.ps1
@@ -0,0 +1,10 @@
+# setup docker for windows
+# https://docs.docker.com/desktop/install/windows-install/
+
+docker compose up -d --build
+
+# docker compose logs -f
+docker compose exec -it php74-httpd bash
+
+# browser localhost:8000
+# browser localhost:8080
diff --git a/teddy_y/quotation2/laravel-simple-tryout/up.sh b/teddy_y/quotation2/laravel-simple-tryout/up.sh
new file mode 100644
index 00000000..b1dbdd2a
--- /dev/null
+++ b/teddy_y/quotation2/laravel-simple-tryout/up.sh
@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+
+set -ex
+
+docker compose up -d --build
+
+# docker compose logs -f
+docker compose exec -it php74-httpd bash
diff --git a/teddy_y/quotation2/quotation.md b/teddy_y/quotation2/quotation.md
new file mode 100644
index 00000000..f4a25dbc
--- /dev/null
+++ b/teddy_y/quotation2/quotation.md
@@ -0,0 +1,53 @@
+Quotation: HKD2500 ~ HKD3500
+
+想問你係自己再setting admin account 入去admin dashboard?
+
+我想make sure返個create同update 課程都係會show返front page ,
+student 自己改到change 自己ac password , forgot password function ,
+front page內容都係可以互動(
+ 例如我係front page 揀左課程 ,
+ admin dashboard 內應該係show返個學生揀左咩課程)
+
+Cart購物車我唔整
+單純係學生註冊左課程 然後個database內有學生揀左咩課程record
+
+
+
+1.提供各種課程創建和管理工具,包括課程材料創建、測驗、作業和評分。
+done for original template (LMS-Project-Laravel/resources/views
+/admin/…….[country/exam/examcategory/plan/state/subject/test/test_question]
+
+but the original template is not provide the admin account so that I can not to debug the admin function and access the admin dashboard
+
+can you made to the admin function to work?
+
+
+
+2.為學習者提供一系列功能,包括課程註冊、進度跟踪和證書頒發。
+課程註冊:
+I'm not sure if it's possible to register for the course, can you do this? (adding database related records and showing admin roles can see which courses students choose on the admin roles dashboard)?
+
+
+進度跟踪:
+student view myself done the total exam number and admin view student course process
+
+證書頒發:
+I don’t know this project template should be have this function,
+if it’s not, just given up this.
+if its exist, just not to modify this.
+
+
+AWS和lambda是必要的
+
+1.忘記密碼功能(Email重設密碼)
+
+2. 學生可以在學生dashboard 上去改自己帳號的密碼
+
+3.Front page課程相關內容會隨著admin更改/刪除/新增課程的動作去改變
+
+4.front page內容都是可以互動(browse more course function button會show返另一個頁面-即自己加的課程列表)(並且例如我在front page 選擇課程 , admin dashboard 內應該係show返個學生選擇了什麼課程)
+
+5. Test/Question/Exam data 學生可以透過在學生dashboard 上去選擇自己已經註冊的課程
+然後顯示課程相關的Exam/test
+
+學生做完課程內容(Test/Exam)後更新相關學生已完成該課程(database data status )