.flex-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: normal;
align-items: normal;
align-content: normal;
}
.flex-items:nth-child(1) {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
width: 50%;
}
.flex-items:nth-child(2) {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
width: 50%;
margin-left: 20px;
}
.flex-items1:nth-child(1) {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
width: 33%;
}
.flex-items1:nth-child(2) {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
width: 33%;
margin-left: 20px;
}
.flex-items1:nth-child(3) {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
width: 33%;
margin-left: 20px;
}
.flex-items2 {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
width: 25%;
margin-bottom: 50px;
}
.flex-items2:hover {
box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35) !important;
border-radius: 4px 4px 4px 4px;
padding: 15px 15px;
margin-bottom: 10px;
-webkit-transform: translate3d(0, -20px, 0);
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
.mytitle {
color: #002c5b;
text-align: center;
}
.overlay {
background-color: #f4f4f4 !important;
margin-top: 100px !important;
margin-bottom: 10px !important;
padding: 10px !important;
text-align: center;
}
.srv_text {
margin-left: 10px;
}
.ourPartner {
margin-right: 10px;
margin-top: 100px;
}
.ourPartnerimg {
margin-right: 70px;
border: 1px solid #000;
}
.ourmoto {
margin-top: 100px !important;
margin-bottom: 10px !important;
padding: 10px !important;
background-color: #f4f4f4 !important;
text-align: center;
}
/* CSS for the main interaction */
.tabset > input[type="radio"] {
position: absolute;
left: -200vw;
}
.tabset .tab-panel {
display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
display: block;
}
/* Styling tabs */
.tabset > label {
position: relative;
display: inline-block;
padding: 15px 15px 25px;
border: 1px solid transparent;
border-bottom: 0;
cursor: pointer;
font-weight: 600;
left: 30%;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
}
.tabset > label::after {
content: "";
position: absolute;
left: 15px;
bottom: 10px;
width: 22px;
height: 4px;
background: #8d8d8d;
}
input:focus-visible + label {
outline: 2px solid rgba(0, 102, 204, 1);
border-radius: 3px;
}
.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
color: #06c;
background-color: #f98114 !important;
border-color: #f98114 !important;
color: #fff !important;
}
.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
background: #06c;
}
.tabset > input:checked + label {
border-color: #ccc;
border-bottom: 1px solid #fff;
margin-bottom: -1px;
}
.tab-panel {
padding: 30px 0;
/* border-top: 1px solid #ccc; */
}
@media (max-width: 480px) {
.flex-container {
flex-direction: column;
}
#first, #second, #third, #forth {
width: 100%;
}
.flex-items:nth-child(2) {
width: 100%;
margin-left: 0px;
}
.flex-items2 {
width: 100%;
}
.flex-items2:hover {
padding: 15px 0px 15px 0px;
margin-bottom: 10px;
}
.tabset > label {
left: 0%;
}
.flex-items1:nth-child(1) {
width: 100%;
}
.flex-items1:nth-child(2) {
width: 100%;
margin-left: 0px;
}
.flex-items1:nth-child(3) {
width: 100%;
margin-left: 0px;
}
.overlay {
text-align: initial !important;
}
}
WIDE Services as a Moodle Partner – Premium Certified Services Provider provides specialized services in e-Learning, hosting, support and training, and takes a leading role in helping institutions and organizations move or upgrade their training platforms, to Moodle or Workplace.
Why work with an official Moodle partner?
The official Moodle partner will guide you, explain any tool, create new ones if you need, solve any problems, and clarify any questions. By using an official Moodle Partner as your service provider, you invest directly in the stability and future releases of the Moodle platform.
Moodle Partners also exclusively offer the Moodle Workplace, the Branded Mobile App and the Moodle Educator Certification (MEC)
Specialized Moodle Partner services
Moodle Solutions
Our experts know Moodle inside out, and can deliver any project you have in mind.
Hosting Solutions
We host your learning platform on highly available, scalable, and secure infrastructures. You will receive regular updates and backups to minimize potential risks and data losses.
Moodle Training
We organize and deliver training and certification courses to ensure that your administrators and teachers acquire the necessary skills.
Do you need a professional eLearning environment? Contact us now!
