Thank you for using Divi Cloud

ADD THE FOLLOWING CODE TO COMPLETE IT  ↓

Give me the css

/*Stops the browser creating a horizontal scrollbar*/

 

.ds-carousel-section {

overflow: hidden;

max-height: 300px;

}

/*Reduces the section height on mobiles*/

 

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

.ds-carousel-section {

max-height: 140px;

padding: 0;

}

}

/*Sets the width of the image modules and floats them so they are next to each other*/

 

.ds-carousel-logo {

width: 20%;

float: left;

}

.ds-carousel-logo img {

opacity: 0.7;

}

.ds-carousel-logo img:hover {

opacity: 1;

}

/*Sets the layout for the first row*/

 

.ds-image-carousel-first {

width: 100% !important;

max-height: 200px;

height: 200px;

background: #fff;

animation: 15s first 1 linear;

animation-fill-mode: forwards;

}

/*Sets the layout for the second row*/

 

.ds-image-carousel-second {

z-index: 2;

height: 200px;

background: #fff;

width: 100% !important;

float: left;

display: inline-block;

top: -200px;

animation: 30s second infinite linear;

}

/*Sets the layout for the third row*/

 

.ds-image-carousel-third {

z-index: 1;

height: 200px;

background: #fff;

width: 100% !important;

float: left;

display: inline-block;

top: -400px;

animation: 30s third infinite linear;

animation-delay: 15s;

opacity: 0;

}

/*Animation for the continuous scrolling effect*/

 

@keyframes first {

0% {

-moz-transform: translateX(0);

-ms-transform: translateX(0);

-webkit-transform: translateX(0);

transform: translateX(0);

z-index: 3;

}

99.99% {

-moz-transform: translateX(-100%);

-ms-transform: translateX(-100%);

-webkit-transform: translateX(-100%);

transform: translateX(-100%);

z-index: 3;

}

100% {

z-index: -1;

}

}

@keyframes second {

0% {

-moz-transform: translateX(100%);

-ms-transform: translateX(100%);

-webkit-transform: translateX(100%);

transform: translateX(100%);

}

100% {

-moz-transform: translateX(-100%);

-ms-transform: translateX(-100%);

-webkit-transform: translateX(-100%);

transform: translateX(-100%);

}

}

@keyframes third {

0.1% {

opacity: 0;

}

0.2% {

-moz-transform: translateX(100%);

-ms-transform: translateX(100%);

-webkit-transform: translateX(100%);

transform: translateX(100%);

opacity: 1;

}

100% {

-moz-transform: translateX(-100%);

-ms-transform: translateX(-100%);

-webkit-transform: translateX(-100%);

transform: translateX(-100%);

opacity: 1;

}

}

DELETE THIS SECTION AFTER THAT’S DONE ↓

How to add it

<style type=text/css><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Stops the browser creating a horizontal scrollbar*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-carousel-section {<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> max-height: 300px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*Reduces the section height on mobiles*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 567px) {<!-- [et_pb_line_break_holder] --> .ds-carousel-section {<!-- [et_pb_line_break_holder] --> max-height: 140px;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*Sets the width of the image modules and floats them so they are next to each other*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-carousel-logo {<!-- [et_pb_line_break_holder] --> width: 20%;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.ds-carousel-logo img {<!-- [et_pb_line_break_holder] --> opacity: 0.7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.ds-carousel-logo img:hover {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*Sets the layout for the first row*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel-first {<!-- [et_pb_line_break_holder] --> width: 100% !important;<!-- [et_pb_line_break_holder] --> max-height: 200px;<!-- [et_pb_line_break_holder] --> height: 200px;<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> animation: 15s first 1 linear;<!-- [et_pb_line_break_holder] --> animation-fill-mode: forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*Sets the layout for the second row*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel-second {<!-- [et_pb_line_break_holder] --> z-index: 2;<!-- [et_pb_line_break_holder] --> height: 200px;<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> width: 100% !important;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> top: -200px;<!-- [et_pb_line_break_holder] --> animation: 30s second infinite linear;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*Sets the layout for the third row*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-image-carousel-third {<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> height: 200px;<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> width: 100% !important;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> top: -400px;<!-- [et_pb_line_break_holder] --> animation: 30s third infinite linear;<!-- [et_pb_line_break_holder] --> animation-delay: 15s;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*Animation for the continuous scrolling effect*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes first {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(0);<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(0);<!-- [et_pb_line_break_holder] --> transform: translateX(0);<!-- [et_pb_line_break_holder] --> z-index: 3;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 99.99% {<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> z-index: 3;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> z-index: -1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes second {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> transform: translateX(100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes third {<!-- [et_pb_line_break_holder] --> 0.1% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 0.2% {<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] --> transform: translateX(100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> -moz-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> transform: translateX(-100%);<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></style>

Our Services

Learn about our history and work

Best Strategists Around

A consultant is usually an expert or an experienced professional in a specific field and has a wide knowledge of

Best Strategists Around

A consultant is usually an expert or an experienced professional in a specific field and has a wide knowledge of

Best Strategists Around

A consultant is usually an expert or an experienced professional in a specific field and has a wide knowledge of

Best Strategists Around

A consultant is usually an expert or an experienced professional in a specific field and has a wide knowledge of

How We Work

There are many variations of passages of Lorem
Ipsum available majority have suffered alteration.

v

We are humanitarians, motivators, and<br>entrepreneurs

z

Our solutions are designed to work with you

g

Traditional methods of doing business change<br>almost daily

r

Our team of dedicated leaders, managers and<br>consultants

15 Years Of Experience in Strategy Planning