/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Author:  Vishnu Kant Verma
Author URI:  https://lucidux.com
Template: Divi
Version:  1.0.2
*/

 
/* =Theme customizations
------------------------------------------------------- */
/***CSSS***/
body {font-family: "canada-type-gibson" !important;}
.custom-btn {background-color: #000; border: 1px solid #000; box-shadow: 0px 4px 6px rgb(0 0 0 / 10%); border-radius: 100px; font-family: "canada-type-gibson"; font-weight: 400; font-size: 18px; line-height: 22px; color: #fff; height: 61px; width: 201px; display: flex; align-items: center; justify-content: center;}
.custom-btn:hover{background-color: transparent; color:#000;}
.container {width: 100%;}

#logo {max-height: 100%;}
#top-menu li{margin-right:40px; padding-right:0;}
#top-menu li:last-child{margin-right:0;}
#top-menu a {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; line-height: 50px; text-align: center; color: #000;}
#top-menu li.current-menu-item>a {color: #000; text-decoration: underline;}
.contact-text {background: #000000; border: 1px solid #000; box-shadow: 0px 4px 6px rgb(0 0 0 / 10%); border-radius: 100px; height: 50px; width: 160px; margin-left: 10px;}
#top-menu .contact-text a {font-family:"canada-type-gibson"; font-weight: 400; font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; padding-bottom: 0 !important; height: 100%;}
.contact-text:hover {background-color: transparent;}
.contact-text:hover a{color:#000 !important;}
#top-menu li.contact-text.current-menu-item{background-color: transparent;}
#top-menu li.contact-text.current-menu-item>a{text-decoration:none;}
.nav li ul.sub-menu {border-top: none; padding: 0 0 10px; top: 60px; left: -20px; box-shadow: none; display: flex; flex-wrap: wrap; width: 366px;}
#top-menu li ul.sub-menu li{padding:0; width:50%;}
#top-menu li ul.sub-menu li a {padding: 0; width: auto; font-weight: 300; font-size: 14px; line-height: 40px;}
#top-menu li ul.sub-menu li:hover a {background-color: transparent; opacity: 1; text-decoration: underline;}

.banner-content .et_pb_slide_description {text-align: left; padding-left: 0;}
.banner-content h1 {font-family: "canada-type-gibson" !important; font-weight: 600; font-size: 44px; line-height: 44px; color: #000 !important; text-shadow: none;}
.banner-content p {font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #000; text-shadow: none; padding-bottom: 22px;}
.banner-content .custom-btn {font-size: 16px; line-height: 16px; height: 50px; width: 160px;}
.why-choose-img .et_pb_image_wrap {width: 100%;}
.why-choose-img .et_pb_image_wrap img {width: 100%;}
.content-title h2 {font-family: "canada-type-gibson"; font-style: normal; font-weight: 600; font-size: 44px; line-height: 44px; color: #000; padding-bottom: 20px;}
.content-title p {font-family: 'Poppins'; font-weight: normal; font-size: 16px; line-height: 24px; color: #000;}
.why-choose-box {display: flex; align-items: center;}
.why-choose-text {width: 72%;}
.services-content {padding: 5px 0 20px !important;}
.services-content .services-box .et_pb_column {border-radius: 20px; margin-right: 23px; width: 32%; box-shadow: -10px 15px 35px 0 rgb(0 0 0 / 15%);}
.services-content .service-img {border-radius: 20px 20px 0 0; overflow: hidden;}
.service-text {background-color: #000; border-radius: 0 0 20px 20px; display: flex; align-items: center; justify-content: space-between;  padding: 25px 25px 20px;}
.service-text h2 {font-family: "canada-type-gibson"; font-weight: 600; font-size: 24px; line-height: 23px; color: #FFFFFF; margin-bottom: 0;  padding-bottom: 0;}
.services-content .service-img .et_pb_image_wrap {width: 100%;}
.services-content .service-img .et_pb_image_wrap img {width: 100%;}
.contact-form-fields {margin-top: 62px;}
.contact-form-fields .form-group {display: inline-block; width: 31%; margin-right: 27px; margin-bottom: 20px; vertical-align: top;}
.contact-form-fields .form-group:last-child {margin-right: 0;}
.contact-form-fields .form-group label {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; line-height: 20px; color: #000; margin-bottom: 7px; display: block;}
.red-asterisk {color: #FF2581;}
.contact-form-fields .form-group input {background-color: rgba(245, 245, 245, 0.75); border: none; border-radius: 5px; height: 50px; width: 100%; padding: 6px 12px; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 25px; color: #000;}
.contact-form-fields .form-group input::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.5);}
.contact-form-fields .form-group input::-moz-placeholder{color: rgba(0, 0, 0, 0.5);}
.contact-form-fields .form-group input::-ms-input-placeholder{color: rgba(0, 0, 0, 0.5);}
.contact-form-fields .form-group input::placeholder{color: rgba(0, 0, 0, 0.5);}
.contact-form-btn {margin-top: 28px;}
#main-footer {background: linear-gradient(0deg, #161925, #161925), linear-gradient(0deg, #2D3047, #2D3047), #009BF5;}
#footer-widgets {display: flex; align-items: center;}
.footer-widget {margin-bottom: 45px !important;}
.footer-widget .fwidget p {font-family: 'Poppins'; font-weight: 400; font-size: 14px; line-height: 21px; color: #fff;}
.footer-widget .fwidget { margin-bottom: 20px !important; width: 100%;}
#footer-widgets #block-14 {display: flex; align-items: center; justify-content: space-between;}
.footer-widget .fwidget ul {display: flex; flex-wrap: wrap;}
#footer-widgets .footer-widget li {list-style: none; padding-left: 0; margin-right: 42px;}
#footer-widgets .footer-widget li:last-child{margin-right:0;}
#footer-widgets .footer-widget li:before{display:none;}
#footer-widgets .footer-widget li a{font-family: 'Poppins'; font-weight: 600; font-size: 12px; line-height: 18px; color: #fff;}
.copyright-txt {font-family: 'Poppins'; font-weight: 400; font-size: 12px; line-height: 18px; color: #fff; opacity: 0.5;}
#footer-bottom {display:none;}

.contact-detail-content {margin-bottom: 45px !important;}
.contact-detail-content h3 {font-family: 'Poppins'; font-weight: 600; font-size: 32px; line-height: 37px; color: #000; margin-bottom: 40px;  padding-bottom: 0;}
.contact-detail-box {position: relative; border-bottom: 1px solid #000; padding-bottom: 70px;}
.contact-detail-content:last-child .contact-detail-box {border-bottom:none; padding-bottom:0;}
.contact-user-img {border-radius: 50%; overflow: hidden; position: absolute; top: 0; left: 0; height: 212px; width: 212px;}
.contact-user-img img {height: 100%; width: 100%;}
.contact-user-detail {padding-left: 280px; padding-top: 5px;}
.contact-user-detail h4{font-family: 'Poppins'; font-weight: 600; font-size: 24px; line-height: 116%; color: #000;}
.contact-user-detail p {font-family: 'Poppins'; font-weight: 400; font-size: 16px; line-height: 177%; color: #000; margin-bottom: 15px;}
.email-call-detail {display: flex; align-items: center; margin-top: 50px;}
.email-call-icon-text {display: flex; align-items: center; margin-right: 15%;}
.email-call-icon-text:last-child{margin-right:0;}
.email-call-text {padding-left: 37px;}
.email-call-text h6 {font-family: 'Poppins'; font-weight: 400; font-size: 20px; color: #000000; margin-bottom: 0; padding-bottom: 4px;}
.email-call-text p {margin-bottom: 0;}
.email-call-text a{font-family: 'Poppins'; font-weight: 400; font-size: 16px; line-height: 24px; color:#000;}
.email-call-text a:hover{text-decoration:underline;}
.content-title h3 {font-family: 'Poppins'; font-weight: 600; font-size: 32px; line-height: 48px; color: #000;}
.address-map iframe {width: 100%; height: 483px;}

/*popup*/
.our-key-people {position: relative;}
.key-people-content{display:none;}
.key-people-content {position: absolute; top: 20%; left: 0; right: 0; z-index: 12; height: 100%;}
.key-people-content #id4, .key-people-content #id5, .key-people-content #id6 {position:absolute; top:360px; left:0; right:0;}
.key-people-modal{ background-color: #fff; border-radius: 20px; box-shadow: -10px 15px 35px rgb(0 0 0 / 15%); padding: 30px 40px 50px; width: 800px; margin:auto; position: relative;}
.key-people-title{margin-bottom:15px;}
.key-people-title h2 {font-family: "canada-type-gibson"; font-weight: 600; font-size: 24px; line-height: 23px; color: #000; padding-bottom:2px;}
.key-people-title p {font-family: "canada-type-gibson"; font-weight: 300; font-size: 16px; line-height: 23px; color: #000;}
.key-people-text p {font-family: 'Poppins'; font-weight: 300; font-size: 16px; line-height: 23px; color: #030303;}
.close-icon {position: absolute; top: 15px; right: 15px; cursor: pointer; height: 15px; width: 15px; z-index: 123;}

/***Media***/
@media only screen and (max-width:1800px){
.why-choose-text {width: 85%;}
}

@media only screen and (max-width:1280px){
.container {padding: 0 15px;}
.banner-content h1 {font-size: 40px; line-height: 40px;}
.content-title h2 {font-size: 40px; line-height: 40px;}	
.service-text h2 {font-size: 20px; line-height: 22px;}		
.contact-detail-content h3 {font-size: 29px; line-height: 34px;}
}

@media only screen and (max-width:1199px){
#logo {max-width: 130px;}
#top-menu li {margin-right: 20px;}
.contact-text {width: 150px; margin-left: 5px;}	
.banner-content h1 {font-size: 36px; line-height: 38px;}
.banner-content p {font-size: 15px; line-height: 22px;}
.why-choose-text {width: 97%;}
.content-title h2 {font-size: 36px; line-height: 38px;}	
.content-title p {font-size: 15px; line-height: 23px;}
.services-content .services-box .et_pb_column {margin-right: 18px;}	
.service-text {padding: 25px 16px 20px;}	
.service-text h2 {font-size: 18px; line-height: 20px;}	
.footer-widget .fwidget p {font-size: 13px; line-height: 20px;}
.key-people-content #id4, .key-people-content #id5, .key-people-content #id6 {top: 270px;}
.contact-details {padding: 30px 0;}
.contact-detail-content h3 {font-size: 26px; line-height: 32px;}
.contact-user-detail h4 {font-size: 22px; line-height: 25px;}	
.contact-user-detail p {line-height: 24px;}	
.contact-detail-box {padding-bottom: 60px;}
.email-call-text {padding-left: 25px;}
.email-call-text h6 {font-size: 19px;}	
.content-title h3 {font-size: 28px; line-height: 40px;}	
}

@media only screen and (max-width:991px){
.et_header_style_left #logo {max-width: 120px;}	
.et_header_style_left #et-top-navigation .mobile_menu_bar {padding-bottom: 10px;}
.mobile_menu_bar:before {font-size: 42px; color: #000; top: -3px;}	
.contact-text {margin-top: 15px; margin-left: 0; display: flex; align-items: center; justify-content: center;}	
.et_mobile_menu li.contact-text a {padding: 0; line-height: initial; border-bottom: none; color: #fff; font-weight: 400;}	
.banner-content h1 {font-size: 30px; line-height: 32px;}
.content-title h2 {font-size: 30px; line-height: 32px;}	
.content-title p br {display: none;}
.why-choose-content {padding:20px 0 10px;}
.why-choose-content .why-choose-box {flex-direction: column-reverse; align-items: inherit; padding-bottom: 0;}	
.why-choose-img {text-align: center;}
.why-choose-img img {width: 100% !important;}
.why-choose-text {width: 100%; margin-bottom: 25px !important; text-align:center !important; padding: 0 15px;}
.services-content {padding: 5px 0 !important;}
.services-content .services-box .et_pb_column {margin-right: 14px;}		
.services-content > .et_pb_row.et_pb_row_1 {padding: 15px 0 0px;}
.services-box {padding-bottom: 10px;}
.service-text {padding: 20px 16px 18px;}
.service-text h2 {font-size: 16px; line-height: 18px;}
.service-text a {vertical-align:middle;}
.service-text a img {max-width: 16px;}
.contact-content {padding: 10px 0;}	
.contact-form-fields {margin-top: 35px;}
.contact-form-fields .form-group {margin-right: 20px;}
.contact-form-btn {margin-top: 15px;}	
#main-footer {text-align: center; padding: 30px 0px 10px;}
#footer-widgets {display: block; align-items: inherit; padding: 0;}
#main-footer .footer-widget { width: 100% !important; text-align: center; padding: 0; margin: 0 !important;}	
#main-footer .footer-widget figure {width: 100%; margin: 0; margin-bottom: 15px;}
.footer-widget img {width: 120px;}
.footer-widget .fwidget {margin-bottom: 12px !important;}	
#footer-widgets #block-14 {display: block; align-items: inherit; justify-content: inherit; text-align: center;}
.footer-widget .fwidget ul {justify-content: center; margin-bottom: 10px;}	
.key-people-modal {padding: 25px 30px 30px; width: 98%;}
.key-people-title h2 {font-size: 20px;}	
.key-people-title p {font-size: 15px; line-height: 22px;}	
.key-people-text p {font-size: 15px; line-height: 22px;}
.key-people-content #id4, .key-people-content #id5, .key-people-content #id6 {top: 200px;}
.contact-details {padding: 30px 0 10px;}
.contact-user-img {height: 190px; width: 190px;}
.contact-user-detail {padding-left: 220px; padding-top:0;}
.email-call-detail {margin-top: 30px;}
.email-call-icon-text {margin-right: 35px;}
.email-call-text {padding-left: 20px;}
.content-title h3 {font-size: 26px; line-height: 36px;}
.address-map iframe {height: 300px;}
}

@media only screen and (max-width:767px){
.banner-content h1 {font-size: 25px; line-height: 27px;}	
.banner-content p {font-size: 14px; line-height: 20px;}	
.content-title h2 {font-size: 25px; line-height: 27px; padding-bottom: 12px;}	
.content-title p {font-size: 14px; line-height: 22px;}	
.services-content .services-box .et_pb_column {margin-right: 12px;}	
.service-text {padding: 16px 12px 12px;}
.service-text h2 {font-size: 14px;}
.contact-form-fields .form-group { margin-right: 0; width: 100%;}	
.contact-form-fields .form-group input {height: 45px; width: 100%; font-size: 15px; line-height: 22px;}
#footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget {margin-bottom: 0 !important;}
.footer-widget img {width: 100px;}
.footer-widget .fwidget p {font-size: 13px; line-height: 20px; margin-bottom: 20px;}	
.key-people-modal {padding: 25px 20px;}
.key-people-title h2 {font-size: 18px;}	
.key-people-title p {font-size: 14px;}	
.key-people-text p {font-size: 14px; line-height: 21px; padding-bottom: 10px;}
.contact-details {padding: 10px 0 10px;}	
.contact-detail-content {margin-bottom: 35px !important;}
.contact-detail-content h3 {font-size: 21px; line-height: 26px;}
.contact-detail-box {padding-bottom: 40px;}
.contact-user-img {height: 160px; width: 160px;}	
.contact-user-detail {padding-left: 180px;}	
.contact-user-detail h4 {font-size: 18px; line-height: 20px;}	
.contact-user-detail p {font-size: 14px; line-height: 22px;}	
.email-call-detail {margin-top: 20px;}
.email-call-text {padding-left: 15px;}
.email-call-text h6 {font-size: 16px;}	
.email-call-text a {font-size: 14px; line-height: 22px;}	
.content-title h3 {font-size: 22px; line-height: 30px;}	
}

@media only screen and (max-width:567px){
.banner-content h1 {font-size: 22px; line-height: 24px;}
.banner-content p {font-size: 13px; line-height: 18px;}
.banner-content p br{display:none;}	
.content-title h2 {font-size: 22px; line-height: 24px;}	
.content-title p {font-size: 13px; line-height: 20px;}	
.services-content {padding: 5px 0px !important;}
.services-content .services-box .et_pb_column {margin-right: 0;}
.service-text {padding: 15px 16px 12px;}
.service-text h2 {font-size: 16px;}
.service-text a img {max-width: 18px;}
.contact-content {padding: 10px 5px;}
.custom-btn {width: 100%;}
.key-people-content, .key-people-content #id4, .key-people-content #id5, .key-people-content #id6 {top: 10%; position: fixed;}
.key-people-modal {padding: 25px 15px; width: 95%;}
.contact-detail-content {margin-bottom: 25px !important;}
.contact-detail-content h3 {font-size: 20px; line-height: 23px; margin-bottom: 20px;}
.contact-detail-box {padding-bottom: 25px;}
.contact-user-img {position: inherit; top: 0; left: 0; right: 0; height: 140px; width: 140px; margin:auto;}	
.contact-user-detail {padding-left: 0; padding-top: 12px; text-align: center;}	
.contact-user-detail h4 {font-size: 17px;}	
.email-call-icon-text {margin-right: 12px;}	
.email-call-icon {width: 28px;}
.email-call-text {padding-left: 8px; text-align: left;}	
.email-call-text h6 {font-size: 14px; padding-bottom: 0;}	
.content-title h3 {font-size: 20px; line-height: 26px;}	
.address-map iframe {height: 250px;}	
}