/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 15 2021 | 09:38:36 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


/* Icon Box Hover effect and icon fill effert*/
.icon_box {
    background: #fff;
    border-radius: 8px;
/*     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;  */
}

.icon_box:hover  {
    background: #007672;
		border-radius: 10px !important;
}

.icon_box .elementor-icon  {
    fill:#000 !important
}
.icon_box:hover .elementor-icon  {
    fill: #fff !important;
    transform: scale(1.1);
}
.icon_box:hover .elementor-icon-box-title  {
    color: #fff !important;
}

.icon_box:hover .elementor-icon-box-description  {
    color: #fff !important;
}
/* ---------------------------- */

/* Service section Normal shadow */
.shadow-hover {
   border-radius: 8px;
   box-shadow: 0px 0px 16px #eae5ee70;
}

/* Service section Hover effect */
.shadow-hover:hover {
    transform: translateY(-10px);
    -webkit-animation: moveVertical 0.65s ease forwards;
    box-shadow: 0px 15px 25px rgb(0 0 0 / 15%);
    transition: 500ms;
}

/* ---------------------------- */


/* Image Gallery Hover effect */

.img-zoom:hover {
    transform: scale(1.5);
    transition: 800ms;
}


/* Media query for different device of 1440px and 1366px */

@media only screen and (max-width: 1440px) and (min-width: 1366px) {
.res {
    margin: auto;
    max-width: 1300px !important;
}
/* Colored background section	 */
.res2 {
    padding: 100px 55px !important;
}
	
/* Colored background section	 */
.res3{
    padding: 0 55px !important;
}

/*Image Gallery Responsive*/
.res4 {
    padding: 0 55px !important;
}
	
.res5 {
    padding: 50px 55px 20px 55px !important;
}

/* In header logo's column size */
.elementor-11 .elementor-element.elementor-element-38da5c2 {
    width: 40% !important;
}
}


/* Media query for different device of 1366px and 1280px */

@media only screen and (max-width: 1366px) and (min-width: 1280px) {
.res {
    margin: auto;
    max-width: 1200px !important;
}
	
/* Colored background section	 */
.res2 {
    padding: 100px 30px !important;
}

/* Slider dots position */
.dots .swiper-container-horizontal>.swiper-pagination-bullets{
    left:560px;
}

/*Image Gallery Responsive*/
.res4 {
    padding: 0 30px !important;
}

/* In header logo's column size */
.elementor-11 .elementor-element.elementor-element-38da5c2 {
    width: 40% !important;
}

/* Slider content padding adjustment */
.swiper-slide-inner{
    padding: 0 0 0 55px !important;
}

/*Hero section left side box postion in 1366px screen*/

body:not(.rtl) .elementor-153 .elementor-element.elementor-element-f4ef98f {
    left: 235px !important;
}

.elementor-153 .elementor-element.elementor-element-f4ef98f {
    top: 617px !important;
}
}

/* ------------------- */


@media only screen and (max-width: 1440px) and (min-width: 1366px) {
.swiper-slide-inner{
    padding: 0 0 0 80px !important;
}

.elementor-153 .elementor-element.elementor-element-f4ef98f {
    top: 600px !important;
}

/* Slider dots position */
.dots .swiper-container-horizontal>.swiper-pagination-bullets {
    left: 630px !important;
}