/*======================================
Theme Name: Globe Divi Child Theme
Theme URI: https://globe.duogeeks.com/
Description: Globe Divi Child Theme is a professional theme website. Packed with a fine Business of templates for Services, IT Solution,
Version: 1.0
Author: Divi Awesome
Author URI: https://diviawesome.com
Template: Divi
======================================*/




/*-------------------HERO SECTION CSS STRAT--------------------*/
.et_pb_section.overlay-hero.et_pb_section_video::before {
	content: '';
	background-color: #08172D !important;
	opacity: 0.5;
	mix-blend-mode: multiply;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}
.et_mobile_menu .first-level > a:after {
content: '\4c' !important;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: '\4d' !important;
}
.et_pb_widget_area_left {
	border: none;
	padding: 0px;
}
#block-7 {
	margin-bottom: 0px;
}
.wp-block-categories-list.wp-block-categories li {
	padding: 25px 30px;
	background: #f5f7fc;
	border-radius: 30px 0 30px 0;
}
.wp-block-categories-list.wp-block-categories li a {
	font-size: 20px !important;
	color: #000;
}
/*-------------------HERO SECTION CSS END--------------------*/

/**********Back to top button**************************/
/*---------- Custom Back To Top Button ----------*/
.et_pb_scroll_top.et-visible {
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);}
.et_pb_scroll_top.et-pb-icon {
right: 15px;
bottom: 15px;
border-radius: 0px;
background: var(--globe-lblue)!important;
padding: 10px;}
.et_pb_scroll_top.et-pb-icon:hover {
background: #1f1f1f;
color: var(--globe-white)!important;}
.et_pb_scroll_top:before {
content: "\36";
font-weight: 900;}
/*** Bouncing Back To Top Button Animation ***/
span.et_pb_scroll_top.et-pb-icon.et-visible {
animation: vertical-bounce 2.2s ease-out infinite;}
@keyframes vertical-bounce {
0% { transform:translateY(0%); }
12.5% { transform:translateY(-20%); }
25% { transform:translateY(0%); }
37.5% { transform:translateY(-20%); }
50% { transform:translateY(0%); }}
/**** BACK to TOP BUTTON END ****/
/****** CONTACT FORM BUTTON FULL WIDTH *****/
.et_contact_bottom_container , .et_pb_contact_submit{
    width: 100%;}
/**** CONTACT FORM FIELDs CSS *****/
.contact_form_white{
	   color: var(--globe-white)!important;
    font-family: poppins;
    font-size: 16px;}
.contact_form_black{
	   color: var(--globe-black)!important;
    font-family: poppins;
    font-size: 16px;}
/********************************
 * *******Blog Grid view HOME 1 **************
 * *****************************/
 /*blog css*/
.web_blog_style .et_pb_post{
    padding:0;
    position: relative;
	overflow: hidden;  }
.web_blog_style .et_pb_post .entry-featured-image-url {
	overflow: hidden;
	border-radius: 3px;}
.web_blog_style .et_pb_post .entry-featured-image-url .entry-featured-image-url {
	margin-bottom: 0;}
.web_blog_style .et_pb_post .post-meta .published {
	color: var(--globe-black)!important;} 
.web_blog_style .et_pb_post .et_pb_image_container {
	margin-bottom: 10px!important;
	margin: 0;}
.web_blog_style .et_pb_post .post-meta .published {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9;
	border-radius:0 0 0 0px;
	background-color: var(--globe-lblue)!important;
	color: var(--globe-white)!important;
	line-height: 1.2;
	font-weight:500;
	text-align: center;
	width: 66px;
	line-height: 20px;
	padding-top: 15px;
	padding-bottom: 15px;}
.web_blog_style .et_pb_post .entry-featured-image-url .et_overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border: none;}
.web_blog_style .et_pb_post:hover .entry-featured-image-url .et_overlay {
	-webkit-transform: scale(2) translateX(0) translateY(0) translateZ(0) rotate(-28deg);
	transform: scale(2) translateX(0) translateY(0) translateZ(0) rotate(-28deg);}
.web_blog_style .et_pb_post .entry-featured-image-url .et_overlay:before {
	top: 50%;
	transform: translate(-50%, -50%);
	color: var(--globe-lblue)!important;
	font-size: 10px;
	padding: 9px;
	border-radius: 20%;
	background: var(--globe-white)!important;
	margin: 0;}
  .web_blog_style .pagination .alignleft,
.web_blog_style .pagination .alignright {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	float: none;
	text-align: center;
	display: inline-block;
	line-height: 50px;}
.web_blog_style .pagination .alignleft a,
.web_blog_style .pagination .alignright a {
	background-color: var(--globe-lblue)!important;
	padding: 10px 22px!important;
	border: none!important;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all .5s !important;}
.web_blog_style .pagination .alignleft a:hover,
.web_blog_style .pagination .alignright a:hover {
	color: var(--globe-white)!important;
	text-shadow: 0 0 3px #333;
	background-color: #082c4b;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);}
.solar-blog .et_pb_post {
    position: relative!important;
    box-shadow: 0 2px 18px 0 rgba(110,130,208,.17);}
.web_blog_style .et_pb_post {
            display: flex;
    flex-direction: column;
    border: 0;
    padding: 0;
    background-color: transparent;}
.web_blog_style .post-meta{order:2;}
.web_blog_style .entry-title{order:3;}
.web_blog_style .post-content{order:4;}
.et_pb_blog_grid .et_pb_post {
    background-color: #fff;
    word-wrap: break-word;}

/**** RELATED BLOG STYLE HOVER EFFECT ****/

.rblog_style article{
  padding-bottom:10px!important;
  transition:0.3s ease!important;
  transform:translate(0,0px);}
.rblog_style article:hover{
  transform:translate(0,-10px);}

/**** PAGINATION STYLING ******/

/*  style the wp-pagenavi pagination links **/
.wp-pagenavi a,
.wp-pagenavi span {
	color: var(--globe-black)!important;
	background: #f1f3f5;
	font-size: 1em !important;
	line-height: 1em;
	border:none;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
	transition: all .5s;}

/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: var(--globe-white)!important;
	background: var(--globe-lblue)!important;
	border-radius: 100px;}

/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: var(--globe-white)!important;
	background: var(--globe-lblue)!important;}

/*style the wp-pagenavi pages text*/
.wp-pagenavi .pages {
	background: none;}

/*remove border and center the wp-pagenavi links*/
.wp-pagenavi {
	border-top: none;
	text-align: center;}

/***** PAGENAVI END *****/

/************************* Sidebar **********************/
.et_pb_widget li.cat-item a::before {
   float: left;
    content: "\35";
    font-family: etmodules;
    color: var(--globe-white)!important;
    margin-right: 10px;
    background: var(--globe-lblue)!important;
    width: 23px;
    text-align: center;
    height: 22px;
    padding: 2px 0 3px 3px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    transform: rotate(0deg);
    transition: .5s ease;}
.et_pb_widget,
.et_pb_widget{border-radius: 5px;
    box-shadow: 0px 6px 9px 0px rgb(110 130 208 / 20%);
    padding: 20px 15px;}
.et_pb_widget .widgettitle,
.et_pb_widget .title{
	text-transform: uppercase;
    position: relative;
    margin-bottom: 25px;
    padding: 14px !important;
    border-radius: 5px;
    text-align: center;
    background-color: var(--globe-lblue)!important;
    padding-bottom: 10px;
    font-size: 18px!important;
    font-weight: 700;
    line-height: 28px;
    color: var(--globe-white)!important;}
.et_pb_widget_area_left {
    border-right: 0px solid rgba(0,0,0,.1)!important;
    padding-right: 0px!important;}
.widget_search input#s, .et_pb_widget .wp-block-search__input, .et_pb_widget .wp-block-search__button {
	border: 2px solid var(--globe-lblue)!important;
    background-color: var(--globe-llblue)!important;
	    height: 50px!important;
  border-radius: 5px;
	text-transform: uppercase;}
.widget_search input#searchsubmit{
	 border: 0px solid #001730;
	 color: var(--globe-white)!important;
    border-radius: 5px;}
.et_pb_widget .wp-block-search__button {
    border: 2px solid var(--globe-lblue)!important;
    background-color: var(--globe-lblue)!important;
	color:var(--globe-white)!important;
    border-radius: 5px;}

/* Recent Post Title */
span.rpwwt-post-title {
    font-weight: 800;
    color: #001730;}
.et_pb_widget ul li {
    margin-bottom: .7em;}
.et_pb_widget ol li {
    margin-bottom: 5.5em;}

/* changes widget category */
.et_pb_widget .widget_categories ul li a {
    width: 90%;
    display: inline-block;
    padding: 6px;
    color: var(--globe-black)!important;}
.et_pb_widget .widget_categories ul li {
    background: transparent;}
.et_pb_widget ul li a{
	width:100%!important;
	background-color: var(--globe-llblue)!important;
    display: block;
    border-radius: 5px 5px;
    padding: 13px 10px;
    font-weight: 500;
    font-size: 14px!important;}

/*about us image*/

img#about-image {
    float: left;
    margin: 3px 8px 8px 0;
    border-radius: 100%;
    border: 4px solid var(--globe-lblue)!important;}

/* About me Paragraph */
.widget_aboutmewidget .clearfix{
  font-weight:400;}

/* To show sidebar bottom in mobile and tablet*/
@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;    }}

/**** SIDEBAR END ******/
/* *  Menu Dropdown Styling  *  */
.nav li li {
    padding: 0 0px;}
.et-menu li li a {
    width: 290px;}
.nav ul li:last-child a{
	border-bottom:0;	}
.nav ul li:hover:last-child a{
	border-bottom:0;}
.nav ul li a:hover {
    background: #8EC038 ;
	border-radius:0px;
    opacity: 1;
	padding-left: 20px;
	border-bottom: 3px var(--globe-white)!important;
	transition: all .3s ease-in-out !important;}
.et_pb_menu .et-menu-nav>ul ul {
    padding: 20px 10px;}
/* Dropdown Menu Hover Background Color */ 
.et_mobile_menu li a:hover, .nav ul li a:hover {     
	transition: all .3s ease-in-out !important;
	background-color: #EBF2FF !important;   
	color:var(--globe-white)!important;
	opacity: 1; }
/*****------- Mobile Nested Submenu  -------****/
/** This hides the sub menu items on mobile **/
#page-container .mobile_nav li ul.hide {
	display: none !important;	}
/** This adjusts the positioning and the background transparency of the parent menu item on mobile **/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;}
/** This styles the icon and moves it to the right **/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;}
/** Here you can swap out the actual icons **/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: var(--globe-black)!important;
    font-size: 16px;
    font-family: ETmodules;}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";}
/*Dropdown navigation transition*/
.et_mobile_menu {
  margin-top: 30px;}
.nav li li {
  width: 100% !important;
  padding: 0 !important;}
.nav li li a {
  width: 97% !important;
  color: var(--globe-white) !important;
  transition: 0.3s ease !important;}
.nav li li:before {
  display: block;
  z-index: -1;
  content: "";
  width: 0;
  height: 100%;
  background: var(--globe-lblue)!important;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: -5;
  transition: 0.3s ease;}
.nav li li:hover a {
  margin-left: 3% !important;}
.nav li li:hover {
  background-color: transparent !important;}
.nav li li:hover:before {
  width: 3%;}
.et_pb_menu ul li a:hover {
  color:var(--globe-white) !important;}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
  background-color: var(--globe-white)!important;
  border-color: var(--globe-lblue)!important;
   box-shadow: 0 0 18px #00000026;
  top: 40px;   /* dropdown margin from top */}
@media only screen and (min-width: 980px) {
  .et_pb_menu .sub-menu {
    width: 240px !important;
    border-radius: 0px 10px 0px 10px!important;  }}
@media (max-width: 980px){
.et_pb_menu .et_mobile_menu {
    top: 100%;
    width: 300px;
	padding: 5%;
	align-content:center;
	margin-left:-150px;}}
/*========mobile menu=============*/
/*mobile menu call icon*/
.menu_cta_call > a:before {
    font-family: 'ETMODULES';
    content: '\e090';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: rgba(var(--brown), 1);
    font-size: 1em;
    transition: all .3s ease; }
/*mobile menu mail icon*/
.menu_cta_mail > a:before {
    font-family: 'ETMODULES';
    content: '\e076';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: rgba(var(--brown), 1);
    font-size: 1em;
    transition: all .3s ease; }
/*mobile menu button icon*/
.menu_cta_btn > a{
    color: #FFFFFF!important;
    border-width: 0px!important;
    border-radius: 5px;
    font-size: 15px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    background-color: #F4963D;
	text-align: center!important}
/*End of Header Dropdown Styles*/
/**** GALLERY *****/
/*Gallery Pagination*/

.et_pb_gallery_pagination a.active {
  background: var(--globe-llblue)!important;
  padding: 3.5px 10px;
  border-radius: 25px;
  color: var(--globe-lblue)!important;
  box-shadow: 0 0 18px rgba(110, 130, 208, 0.17) !important;}
.et_pb_gallery_pagination a {
  padding: 3.5px 10px;
  border-radius: 25px;
  background-color: var(--globe-lblue)!important;
	 color: var(--globe-white) !important;
  box-shadow: 0 0 18px rgba(110, 130, 208, 0.17) !important;}
.et_pb_gallery_pagination {
  border: 0px !important;}
/*End of Gallery Pagination*/
/* Gallery Hover Effect Rotate and Scale*/
/*Normal State*/
@media (min-width: 981px){
.et_pb_gallery_grid .et_pb_gallery_item img {
    transition: .5s ease-in-out;}}
/* Hover State */
@media (min-width: 981px){
.et_pb_gallery_grid .et_pb_gallery_item img:hover {
    transform: scale(1.3) rotate(-5deg);
    transition: .5s ease-in-out; }}
/**** GALLERY END *****/
/***** GALLERY LIGHTBOX STYLING ******/
.mfp-title {
    color: var(--globe-white)!important;
    font-weight: bold;
    background: var(--globe-lblue)!important;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -24px;}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    font-size: 64px;
    font-family: Roboto;
    font-weight: 500;
    top: 10px;
	color:var(--globe-white)!important;
	right:10px;
    opacity: 1;}
img.mfp-img {
    padding: 0;
    border: 3px solid var(--globe-lblue)!important;}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
	margin-right:20px;
    color: var(--globe-white)!important;
    font-size: 12px;
    line-height: 18px;}
/****** END ******/ 
/***SLIDER ARROW STYLING ****/
.et-pb-arrow-next{
	top: 90%;
    position: absolute;
    right: 15% !important;
	background: var(--globe-white);
    border-radius: 50%;
    border: 1px solid transparent;}
.et-pb-arrow-next:before {
    content: '\5';}
.et-pb-arrow-prev{
	top: 90%;
    position: absolute;
    left: 65% !important;
	background: var(--globe-white);
    border-radius: 50%;
    border: 1px solid transparent;}
.et-pb-arrow-prev:before {
    content: '\4';}
@media (max-width: 450px){
.et-pb-arrow-next {
    right: 55%!important;	}}
/**** END ****/
/* ************************ */
/* **PORTFOLIO Page Grid View ** */
/************************************ */
/* Filterable Portfolio Section with Rectangles Hover Effect */
/* filter and pagination */
.globe_business_portfolio .et_pb_portfolio_filters {
   text-align: center;}
.globe_business_portfolio .et_pb_portfolio_filters > ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);}
.globe_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.globe_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;}
.globe_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.globe_business_portfolio .et_pb_portofolio_pagination ul li a {
    border:none;
    margin: 5px 5px 0 0;
    background-color: #ebf2ff !important;
    -webkit-transition: all 0.65s ease;
         -o-transition: all 0.65s ease;
            transition: all 0.65s ease;}
.globe_business_portfolio .et_pb_portofolio_pagination {
    text-align: center;
	border-radius:100px;
    border-top: none;
    margin-top: 40px;}
.globe_business_portfolio .et_pb_portofolio_pagination ul {
    display: inline-block;
	border-radius:100px;}
.globe_business_portfolio .et_pb_portofolio_pagination ul li {
    padding: 0px;
	border-radius:100px;}
.globe_business_portfolio .et_pb_portofolio_pagination ul li a {
    padding: 20px 25px;
	border-radius:100px;}
/* end filter and pagination */
/* portfolio item */
/* bring the hovered item above the adjacent items by transitioning the z-index */
.globe_business_portfolio .et_pb_portfolio_item {
    z-index: 1;
    -webkit-transition: z-index 0.65s ease;
         -o-transition: z-index 0.65s ease;
            transition: z-index 0.65s ease;}
.globe_business_portfolio .et_pb_portfolio_item:hover {
    z-index: 999;}
/* end */
.globe_business_portfolio .et_pb_portfolio_item h2{
    margin-top: 0 !important;    }
/* move the title and meta above the portfolio item image */
.globe_business_portfolio h2.et_pb_module_header,
.globe_business_portfolio p.post-meta  {
    position: absolute;
    opacity: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
            transform: translatex(-50%);
    width: auto;
    height: auto;
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    -webkit-transition-delay: 0.05s;
         -o-transition-delay: 0.05s;
            transition-delay: 0.05s;}
.globe_business_portfolio h2.et_pb_module_header {
    top: 80px;}
.globe_business_portfolio p.post-meta {
    bottom: 80px;}
/* end */
/* show title and meta on hover */
.globe_business_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header,
.globe_business_portfolio .et_pb_portfolio_item:hover p.post-meta {
    opacity: 1;
    -webkit-transition-delay: 0.55s;
         -o-transition-delay: 0.55s;
            transition-delay: 0.55s;}
.globe_business_portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
    top: 40px;}
.globe_business_portfolio .et_pb_portfolio_item:hover p.post-meta {
    bottom: 40px;}
/* end */
/* show overlay icon when hovering the portfolio item */
.globe_business_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {
    z-index: 3;
    opacity: 1;}
.globe_business_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before {
  	top: 50%;}
/* end */
/* end portfolio item */
/* responsive  - REMOVE this part if you want to use Divi row gutter setting */
/* adjust portfolio item margin and width for different screen widths */
@media (min-width: 981px) {
    .globe_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
        width: 24.625% !important;
        margin: 0 .25% .25% 0 !important;    }}
@media (max-width: 980px) {
     .globe_business_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 33.166% !important;
        margin: 0 .25% .25% 0 !important;   }
    .globe_business_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
        margin-right: 0 !important;    }}
@media (max-width: 767px) {
    .globe_business_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 49.75%!important;
        margin: 0 .25% .25% 0!important;    }}
@media (max-width: 479px) {
    .globe_business_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 100%!important;
        margin: 0 0 1% 0!important;    }}
@media (max-width: 767px){ 
.globe_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
    width: 100%;
    display: flex;
    overflow: scroll;  }}
/* end */
/* end responsive */
/* END GENERAL CSS */
/* PORTFOLIO PAGE CSS */
/* set hover and active colors for filter and pagination */
.globe_business_portfolio.effect-rectangles .et_pb_portfolio_filters li a.active,
.globe_business_portfolio.effect-rectangles .et_pb_portfolio_filters li a:hover,
.globe_business_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a.active,
.globe_business_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a:hover {
    background-color: var(--globe-lblue)!important;
    color: var(--globe-white) !important;}
/*portfolio filter GRAY background ***/
.globe_business_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{   
    background-color: #ededed;}
/* end hover and active colors for filter and pagination */
/* RECTANGLES EFFECT */
.effect-rectangles .et_pb_portfolio_item,
.effect-rectangles .et_portfolio_image {
    overflow: hidden;}
.effect-rectangles h2.et_pb_module_header,
.effect-rectangles p.post-meta {
    z-index: 4;}
.effect-rectangles .et_pb_portfolio_item > a {
    display: block;
    position: relative;
    overflow: hidden;}
.effect-rectangles .et_pb_portfolio_item > a:before,
.effect-rectangles .et_pb_portfolio_item > a:after,
.effect-rectangles .et_portfolio_image:before,
.effect-rectangles .et_portfolio_image:after {
    content:'';
    position: absolute;
    opacity: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.65s ease;
         -o-transition: all 0.65s ease;
            transition: all 0.65s ease;}
.effect-rectangles .et_portfolio_image:before {
    top: 0;
    right: 0;
    height: 50%;
    width: 50%;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);}
.effect-rectangles .et_portfolio_image:after {
    bottom: 0;
    left: 0;
    height: 50%;
    width: 50%;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);}
.effect-rectangles .et_pb_portfolio_item > a:before {
    top: -1%;
    left: -1%;
    height: 51%;
    width: 51%;
    margin: 0 !important;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
	z-index: 1;}
.effect-rectangles .et_pb_portfolio_item > a:after {
    bottom: -1%;
    right: -1%;
    height: 51%;
    width: 51%;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);}
.effect-rectangles .et_pb_portfolio_item:hover > a:before,
.effect-rectangles .et_pb_portfolio_item:hover > a:after,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {
    -webkit-transform: translate(0, 0) scale(1);
        -ms-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 1;}
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,
.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {
    background-color: rgba(244,150,61,0.9); /* set 2nd and 3rd rectangle color here */
    opacity: 1;}
.effect-rectangles .et_pb_portfolio_item:hover > a:before,
.effect-rectangles .et_pb_portfolio_item:hover > a:after{
    background-color: rgba(237,237,237,0.56); /* set 1st and 4th rectangle color here */
    opacity: 1;}
/***** PORTFOLIO PAGE GRID END *****/
/*******services page******/
.our-services .et_pb_column:hover .et_pb_image .et_pb_image_wrap::after {
    opacity: 1;
    height: 100%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
.our-services .et_pb_column .et_pb_image .et_pb_image_wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 0%;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background: rgba(202,65,110,0.61);}
.our-services .et_pb_column:hover .et_pb_image  .et_pb_image_wrap img {
    transform: scale(1.2);
    transition: all ease .3s;}
.our-services .et_pb_column .et_pb_image  img {
    transition: all ease .3s;}
/***service page all service button ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 /*place button modules next to each other in the same column*/
.da-inline-button-service .et_pb_button_module_wrapper {
    display: inline-block;
  margin: 10px;}
.da-inline-button-service {
    text-align: center !important;}}
/***pricing plans*********/
.home1-pricing-plans .et_pb_pricing_table {
    margin-inline: 10px;
    width: 20%!important;
	transition: 0.3s ease;}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 /***pricing plans*********/
.home1-pricing-plans .et_pb_pricing_table {
    margin-inline: 10px;
    width: 100%!important;
    transition: 0.3s ease;}}
.home1-pricing-plans .et_pb_pricing_table:hover {
    transform: scale(1.02)!important;}
.home1-pricing-plans .et_pb_pricing_content_top {
    border: none}
.home1-pricing-plans .et_pb_pricing li span:before {
    content: "\24"!important;
    font-family: etmodules!important;
    border: 0;
    padding: 0!important;
    top: -2px;
    left: -20px;}
/************  HOME 2 Portfolio Section  *************/
/* Active Pagination*/
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active {
    color: #fff;
    background-color: var(--globe-lblue);
    padding: 10px 16px;
    border-radius: 30px;}
/* Default Pagination */
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a {
    color: #000;
    padding: 10px 16px;
    background-color: #f7f7f7;
    border-radius: 30px;
    font-weight: bold;}
/* Center Align Pagination */
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul {
    text-align: center;}
/* Pagination Styling - No Top Border*/
.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
    border-top: 0px;}
/* Three Column Portfolio */
@media only screen and ( min-width: 768px ) {
	.three-column .et_pb_grid_item {
		width: 30.333% !important;
		margin: 0 2.5% 2.5% 0 !important;	}	 
		.three-column .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;	}
	 
		.three-column .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;	}}
/*  Portfolio Filter Styling   */
/** Default **/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    color: var(--globe-lblue);
    font-weight: 700;
    padding: 13px 20px;
    border: 0px;}
/** Hover **/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    color: #fff;
	   background-color: var(--globe-lblue);}
/** Active Tab **/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #ffffff;
	    background-color: var(--globe-lblue);}
/* Active Tab Box Curved */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
   	margin-right:5px;}
/* Portfolio Hover Effect Rotate and Scale*/
/*Normal State*/
@media (min-width: 981px){
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item img {
    transition: .5s ease-in-out;}}
/* Hover State */
@media (min-width: 981px){
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item img:hover {
    transform: scale(1.3) rotate(5deg);
    transition: .5s ease-in-out;}}
/* filter and pagination */
.globe_portfolio .et_pb_portfolio_filters {
   text-align: center;}
.globe_portfolio .et_pb_portfolio_filters > ul {
    display: inline-block;
    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);}
.globe_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.globe_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;}


/**** END PORTFOLIO  ****/


/*==========FAQ's===========*/
.da_accordion_style1.et_pb_accordion .et_pb_toggle_open h5:before {
    font-family: FontAwesome!important;
    font-weight: 900!important;
    content: "\f059"!important;
    color: rgba(var(--globe-dblue), 1)!important;
}
.da_accordion_style1 .et_pb_toggle_open .et_pb_toggle_title:before {
  display: block;
}