/* 
 Theme Name:   Noble Mortgage
 Theme URI:    https://noblemortgage.com/
 Description:  Palletized Trucking has evolved into a multi-service transportation company that handles domestic, export, and import cargoes.
 Author:       Quikdin Limited
 Author URI:   https://quikdin.com/
 Template:     Divi
 Version:      1.0.0
 

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* style.css of your child theme */
@import url(../Divi/style.css);

:root {
    --primary-color: #2C6C92;
    --secondary-color: #C1B13C;
    --accent-color: #ffc20f;
    --black-color:#333;
    --white-color:#fff;
}


/* ---------------
Menu Design START
----------------*/

.menu-d1 ul.et-menu>li>a,
.menu-d1.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    opacity: 1;
    color: var(--black-color);
}

.menu-d1.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 38px 0;
}

.menu-d1 .menu-item-has-children>a:first-child {
    padding-right: 20px !important;
}

.menu-d1 .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu>li>a:before {
    content: "";
    width: 2px;
    height: 0;
    background: var(--primary-color);
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-d1 .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu li a:hover:before,
.menu-d1 .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu li.current_page_item a:before {
    height: 25px;
}

/*Sub Menu ==
--------------------------------------------*/
.menu-d1 ul.et-menu>li.menu-item-has-children ul.sub-menu {
    padding: 0;
    background: var(--primary-color) !important;
    top: calc(100% - -1px);
    border: none;
}

.menu-d1 ul.et-menu li.menu-item-has-children ul.sub-menu>li {
    display: block;
    width: 100%;
    padding: 0;
}

.menu-d1 ul.et-menu li.menu-item-has-children ul.sub-menu>li>a {
    display: block;
    color: var(--white-color);
    width: 100%;
    background: transparent;
    opacity: 1;
    transition: all 500ms ease;
    padding: 15px 40px 15px 20px;
}

.menu-d1 li li.menu-item-has-children>a:first-child::after {
    top: inherit;
}

.menu-d1 ul.et-menu li.menu-item-has-children ul.sub-menu>li:hover>a {
    padding-left: 40px;
    transition: all 500ms ease;
}

.menu-d1 ul.et-menu li.menu-item-has-children ul.sub-menu>li>a:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 20px;
    bottom: 15px;
    border-left: 5px solid var(--white-color);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transform: scaleY(0);
    box-sizing: border-box;
    transition: all 500ms ease;
}

.menu-d1 ul.et-menu li.menu-item-has-children ul.sub-menu>li:hover>a:before {
    transform: scaleY(1.0);
    transition: all 500ms ease;
}

.menu-d1 ul.et-menu li.menu-item-has-children ul.sub-menu>li:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0px;
    right: 0;
    bottom: -1px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    z-index: -1;
    box-sizing: border-box;
}

.menu-d1 ul.et-menu li.menu-item-has-children ul.sub-menu>li:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.menu-d1 .nav li li ul {
    top: 0px !important;
}


/*Blurb Call ==
--------------------------------------------*/
.call-blurb-1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    background-color: var(--primary-color);
    border-radius: 50%;
    z-index: 1;
    text-align: center;
    line-height: 58px;
}

.call-blurb-1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    background: var(--secondary-color);
    content: "";
    z-index: -1;
    box-sizing: border-box;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.call-blurb-1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:before {
    transform: scaleX(1.0);
}

.call-blurb-1 .et_pb_blurb_content .et_pb_blurb_container {
    vertical-align: middle;
}

/*Mobile Menu ==
--------------------------------------------*/
.et-db #et-boc .et-l .et_mobile_menu,
.et_mobile_menu {
    padding: 0;
    border: none
}

.et-db #et-boc .et-l .et_mobile_menu li a:hover,
.et_mobile_menu li a:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
    opacity: 1
}

.et-db #et-boc .et-l .et_mobile_menu li a,
.et_mobile_menu li a {
    color: var(--black-color);
}

.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a,
.et_mobile_menu .menu-item-has-children>a {
    font-weight: 500;
    padding-right: 50px;
    position: relative;
    opacity: 1
}

.et-db #et-boc .et-l .et_mobile_menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a,
.et_mobile_menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
    padding-left: 45px !important
}

.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a:hover:after,
.et_mobile_menu .menu-item-has-children>a:hover:after {
    color: var(--secondary-color);
    background: var(--white-color);
}

.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a:after,
.et_mobile_menu .menu-item-has-children>a:after {
    content: "\22";
    display: block;
    font-size: 14px;
    font-family: ETmodules;
    transition: .3s ease;
    background: var(--secondary-color);
    color: var(--white-color);
    text-align: center;
    border-radius: 100px;
    width: 26px;
    font-weight: 700;
    cursor: pointer;
    position: absolute;
    right: 17px;
    top: 12px
}

.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children.visible>a:after,
.et_mobile_menu .menu-item-has-children.visible>a:after {
    content: "\22";
    transform: rotate(180deg)
}

.et-db #et-boc .et-l .et_mobile_menu li ul.sub-menu,
.et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out
}

.et-db #et-boc .et-l .et_mobile_menu li.visible>ul.sub-menu,
.et_mobile_menu li.visible>ul.sub-menu {
    display: block !important;
    visibility: visible !important
}

/*Responsive==
--------------------------------------------*/

@media only screen and (max-width : 980px) {
    .menu-d1 .et_mobile_menu {
        top: 116%;
    }

    .menu-d1 .mobile_menu_bar::before {
        background: var(--primary-color);
        color: var(--white-color) !important;
        padding: 5px;
        border-radius: 5px;
    }

    .menu-d1.et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
        justify-content: flex-end;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1160px) {

    .call-blurb-1,
    .hed_none {
        display: none !important;
    }

    .menu-d1.et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
        justify-content: right;
    }
}


/* ---------------
Menu Design END
----------------*/


/* ---------------------------------------
Home Page Design Customization Code END
------------------------------------------*/

/* Slider Section Customize */
.mortgageslider .et_pb_slide {
  padding: 0 30% 0 8%;
}

.mortgageslider .et_pb_slide .et_pb_slide_description {
  padding-left: 0px;
}

.mortgageslider .et_pb_slide .et_pb_slide_description .et_pb_slide_title {
  padding: 0 50px 0 0;
  position: relative;
  display: inline-block;
}

.mortgageslider .et_pb_slide .et_pb_slide_description .et_pb_slide_title:before {
  position: absolute;
  content: '';
  right: 0px;
  top: 50%;
  width: 40px;
  height: 2px;
  background-color: var(--white-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transform: translateY(-50%);
}

.mortgageslider .et_pb_slide .et_pb_slide_description .et_pb_slide_title:after {
  position: absolute;
  content: '';
  right: 10px;
  top: 19px;
  width: 30px;
  height: 2px;
  background-color: var(--primary-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mortgageslider .et-pb-slider-arrows .et-pb-arrow-next,
.slider-d6 .et-pb-slider-arrows .et-pb-arrow-prev {
  width: 60px;
  height: 60px;
  font-size: 20px;
  color: var(--white-color);
  border: 2px solid var(--white-color);
  border-radius: 50%;
  opacity: 0.6;
  margin: 0;
  transform: translateY(-50%);
  transition: all 0.5s ease;
  cursor: pointer;
  display: block;
  text-align: center;
  line-height: 60px;
}

.mortgageslider .et-pb-slider-arrows .et-pb-arrow-next:hover,
.slider-d6 .et-pb-slider-arrows .et-pb-arrow-prev:hover {
  opacity: 1;
}

.mortgageslider .et-pb-slider-arrows .et-pb-arrow-prev:before {
  content: "\23";
}

.mortgageslider .et-pb-slider-arrows .et-pb-arrow-next:before {
  content: "\24";
}

.mortgageslider .et-pb-slider-arrows .et-pb-arrow-prev {
  top: 36%;
  left: auto !important;
  right: 150px !important;
}

.mortgageslider .et-pb-slider-arrows .et-pb-arrow-next {
  right: 150px !important;
}

@media only screen and (max-width: 980px) {
  .slider-d6 .et_pb_slide {
    padding: 0 0 0 8%;
  }

  .mortgageslider .et-pb-slider-arrows .et-pb-arrow-prev {
    top: auto;
    bottom: 0;
    left: 22px !important;
  }

  .mortgageslider .et-pb-slider-arrows .et-pb-arrow-next {
    right: 22px !important;
    top: auto;
    bottom: 0;
  }
}

/* Service Section Customize */

.lt-service-sec-14 .srv_img {
  overflow: hidden;
  position: relative
}

.lt-service-sec-14 .srv_img:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: var(--primary-color);
  left: 0;
  top: 0;
  transform: scaleX(0.4);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lt-service-sec-14:hover .srv_img:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0.7;
}

.lt-service-sec-14 .srv_img .et_pb_image_wrap img {
  width: 100%;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  transition: all 0.4s ease-in-out;
}

.lt-service-sec-14:hover .srv_img .et_pb_image_wrap img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.lt-service-sec-14 .srv-icon {
  background-color: var(--black-color);
  height: 84px;
  width: 84px;
  line-height: 84px;
  transition: all 0.4s ease;
}

.lt-service-sec-14:hover .srv-icon {
  background-color: var(--primary-color);
}

.lt-service-sec-14 .srv-icon .et_pb_icon_wrap .et-pb-icon {
  display: block;
  text-align: center;
  width: 84px;
  line-height: 84px;
}

.lt-service-sec-14 .srv-content .et_pb_promo_description .et_pb_module_header {
  color: rgb(50, 62, 55) !important;
  padding-left: 15px;
  position: relative;
  padding-bottom: 15px;
}

.lt-service-sec-14 .srv-content .et_pb_promo_description .et_pb_module_header:hover {
  color: var(--primary-color) !important;
  ;
}

.lt-service-sec-14 .srv-content .et_pb_promo_description .et_pb_module_header:before {
  content: "";
  height: 5px;
  width: 2px;
  position: absolute;
  background: var(--white-color);
  top: 5px;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.lt-service-sec-14:hover .srv-content .et_pb_promo_description .et_pb_module_header:before {
  top: 20px;
}

.lt-service-sec-14 .srv-content .et_pb_promo_description .et_pb_module_header:after {
  position: absolute;
  content: "";
  height: 30px;
  width: 2px;
  left: 0;
  top: 0;
  background: var(--primary-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lt-service-sec-14 .srv-content .et_pb_button_wrapper .et_pb_button {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background: var(--primary-color);
  display: inline-block;
  opacity: 1;
}

.lt-service-sec-14 .srv-content .et_pb_button_wrapper .et_pb_button:after {
  position: absolute;
  content: "";
  background: var(--black-color);
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0 !important;
}

.lt-service-sec-14 .srv-content .et_pb_button_wrapper:hover .et_pb_button:after {
  width: 100%;
  opacity: 1;
}


/* -------------------
Home Page Design END
--------------------*/


/* -------------
FAQ Design START
--------------*/

.noblemortgage-faq {
  position: relative;
}

.noblemortgage-faq .et_pb_toggle {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 15px !important;
  position: relative;
  padding: 0;
  background: #fff;
}

.noblemortgage-faq .et_pb_toggle:last-child {
  margin-bottom: 0 !important;
}

.noblemortgage-faq .et_pb_toggle .et_pb_toggle_title {
  display: block;
  padding: 15px 15px 15px 60px;
  background: #f5f5f5;
  color: var(--primary-color);
  overflow: hidden;
  position: relative;
}

.noblemortgage-faq .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  color: var(--secondary-color);
}

.noblemortgage-faq .et_pb_toggle .et_pb_toggle_title:before {
  content: "\4c" !important;
  width: 40px;
  height: 100%;
  background: var(--secondary-color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: auto;
  z-index: 1;
  transition: all 0.5s ease 0s;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0;
  transform: translateY(-50%);
  color: #fff;
}

.noblemortgage-faq.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
  content: "\4b" !important;
  background: var(--primary-color);
}

.noblemortgage-faq .et_pb_toggle .et_pb_toggle_content {
  padding: 10px 30px 30px 60px;
  background: #f5f5f5;
  border-top: none;
  position: relative;
}

.noblemortgage-faq .et_pb_toggle .et_pb_toggle_content:before {
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  left: 0;
}

/* -------------
FAQ Design END
--------------*/
/* -------------------------------------------
Contact Page Design Customization Code Start
---------------------------------------------*/


/* Custom Image Video Popup */
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
	top: 0px !important;
	position: fixed !important;
}

.mfp-iframe-holder .mfp-content {
	max-width: 70%;
}

.mfp-iframe-scaler button.mfp-close {
	top: -50px;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
	top: -50px !important;
}

.imgvideo_popup_lightbox .mfp-iframe-holder .mfp-close {
	top: -50px;
}

.imgvideo_popup {
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.imgvideo_popup a:before {
	content: 'play';
	cursor: pointer;
	position: absolute;
	top: calc(50% - 55px);
	left: calc(50% - 54.5px);
	z-index: 20;
	background-color: var(--primary-color);
	padding: 55px 27px;
	border-radius: 50%;
	font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--secondary-color);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	/* animation: imgpopup 1400ms ease-out infinite; */
}

.imgvideo_popup a:after {
	content: 'E';
	cursor: pointer;
	font-family: 'ETmodules';
	position: absolute;
	top: calc(50% - 55px);
	left: calc(50% - 47px);
	z-index: 20;
	background-color: var(--primary-color);
	padding: 55px 27px;
	border-radius: 50%;
	font-size: 40px;
	text-transform: uppercase;
	color: #0a2a3b;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.imgvideo_popup.no_icon:before,
.imgvideo_popup.no_icon:after {
	display: none !important;
}

.imgvideo_popup:not(.no_icon):hover {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}

.imgvideo_popup:hover a:before {
	opacity: 0;
	padding: 65px 37px;
	left: calc(50% - 64.5px);
	top: calc(50% - 65px);
}

.imgvideo_popup:hover a:after {
	opacity: 1;
	padding: 65px 37px;
	left: calc(50% - 64.5px);
	top: calc(50% - 65px);
	font-size: 56.5px;
}

@keyframes imgpopup {
	0% {
		transform: scale(1);
		opacity: 0.9
	}

	100% {
		transform: scale(1.5);
		opacity: 0.2
	}
}

@media all and (max-width: 980px) {
	.imgvideo_popup a:before {
		top: calc(50% - 32.5px);
		left: calc(50% - 33px);
		padding: 33px 17px;
		font-size: 10px;
	}

	.imgvideo_popup a:after {
		top: calc(50% - 32.5px);
		left: calc(50% - 33px);
		padding: 33px 17px;
		font-size: 32px;
	}

	.imgvideo_popup:hover a:before {
		opacity: 0;
		padding: 40px 22px;
		left: calc(50% - 43px);
		top: calc(50% - 42.5px);
	}

	.imgvideo_popup:hover a:after {
		opacity: 1;
		padding: 40px 22px;
		left: calc(50% - 43px);
		top: calc(50% - 42.5px);
		font-size: 42px;
	}
}

/* Custom Image Video Popup END*/




/* ---------------
Footer Design Star
-----------------*/
  .ft-galy-1 .et_pb_gallery_items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  max-width: 400px;
}
.ft-galy-1 .et_pb_gallery_items .et_pb_gallery_item {
  margin-bottom: 0px !important;
}
.ft-galy-1 .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image {
  height: 100%;
}
.ft-galy-1 .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ft-blurb-url-1 {
  width: 50%;
  float: left;
}
.ft-blurb-url-1
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_module_header {
  padding-bottom: 20px;
}
.ft-blurb-url-1
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_module_header
  a {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
}

.ft-blurb-url-1
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_module_header
  a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: rgb(153, 171, 198);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ft-blurb-url-1:hover
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_module_header
  a:before {
  width: 100%;
}

/* ---------------
Footer Design END
-----------------*/




.qdin-bg-color::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #000;
	opacity: .6;
	z-index: 1;
	box-sizing: border-box;
}