/*------- Font Family Starts -------*/

@font-face { font-family: "CocomatPro-Light"; src: url("../fonts/CocomatPro-Light.ttf"); }
@font-face { font-family: "CocomatPro-Regular"; src: url("../fonts/CocomatPro-Regular.ttf"); }
@font-face { font-family: "CocomatPro-Medium"; src: url("../fonts/CocomatPro-Medium.ttf"); }
@font-face { font-family: "CocomatPro-Bold"; src: url("../fonts/CocomatPro-Bold.ttf"); }
@font-face { font-family: "Vibur-Regular"; src: url("../fonts/Vibur-Regular.ttf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

html { font-size: 10px; }
body.active { overflow: hidden; }
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address { margin: 0; padding: 0; }
ul > li { list-style: none; }
a,
a:hover,
a:focus { outline: 0; text-decoration: none; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

.container-fluid { padding: 180px 15px; }
.row { margin: 0 -15px; }
.row [class^=col] { padding: 0 15px; }
.row-no-gutters { margin: 0; }
.row-no-gutters > [class^=col-] { padding: 0; }
p { color: #434343; font: 1.8rem/1.7 "CocomatPro-Regular"; }
.btn-primary > a { background-color: #C02141; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #FFFFFF; display: inline-block; font: 1.8rem/normal "CocomatPro-Medium"; padding: 14px 36px 18px; text-align: center; }
.btn-primary > a > i { margin-left: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.btn-primary > a:hover { background-color: #A1132E; color: #FFFFFF; }
.btn-primary > a:hover > i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.btn-secondary > a { background-color: #33353C; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #FFFFFF; display: inline-block; font: 1.8rem/normal "CocomatPro-Medium"; padding: 14px 36px 18px; text-align: center; }
.btn-secondary > a > i { margin-left: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.btn-secondary > a:hover { background-color: #1E1E1E; color: #FFFFFF; }
.btn-secondary > a:hover > i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.section-outline-heading { left: 20px; position: absolute; top: 0; z-index: 1; }
.section-outline-heading > div { -webkit-text-fill-color: white;   -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgb(192 33 65 / 40%); font: 14rem/0.6 "CocomatPro-Bold"; text-transform: uppercase; }
.section-heading > h2 { color: #1E1E1E; font: 4rem/1.2 "CocomatPro-Bold"; }
.section-heading > h2 > span { color: #C02141; }
.section-heading > h3 { color: #1E1E1E; font: 3rem/1.4 "CocomatPro-Bold"; }
.section-heading > h3 > span { color: #C02141; }
.section-heading > h4 { color: #1E1E1E; font: 2.4rem/1.2 "CocomatPro-Bold"; }
.section-heading > h4 > span { color: #C02141; }
.mb-20-desktop { margin-bottom: 20px; }
.mb-30-desktop { margin-bottom: 30px; }
.mb-50-desktop { margin-bottom: 50px; }
.full-width { width: 100%; }
.rounded-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
.rounded-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.reveal { height: 100%; overflow: hidden; position: relative; width: 100%; }
.reveal > img { height: 100%; margin: 0 auto; object-fit: cover; transform-origin: left; width: 100%; }

/*------- Common CSS Ends -------*/

/*------- Coming Soon Page CSS Starts -------*/

.bg-coming-soon { height: 100vh; overflow: hidden; padding: 0; position: relative; z-index: 1; }
.bg-coming-soon::before { background: linear-gradient(to top,#001636, #c02141); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 50%; z-index: -1; }
.marquee-coming-soon { background-color: #FFFFFF; left: -20px; overflow: hidden; position: absolute; text-align: center; top: 0; -webkit-transform: skew(20deg, -20deg); -moz-transform: skew(20deg, -20deg); -ms-transform: skew(20deg, -20deg); -o-transform: skew(20deg, -20deg); transform: skew(20deg, -20deg); width: 70%; z-index: -1; }
.marquee-coming-soon > marquee { color: #001636; font: 4rem/1 "CocomatPro-Medium"; padding: 10px 0 15px; white-space: nowrap; }
.marquee-coming-soon > marquee > img { width: 40px; }
.box-coming-soon-info { height: 100vh; position: relative; z-index: 1; }
.coming-soon-info { left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; z-index: 1; }
.coming-soon-info > img { margin-bottom: 10px; width: 150px; }
.coming-soon-info > p { color: #FFE69C; font: italic 2.4rem/normal "CocomatPro-Medium"; margin-bottom: 10px; }
.coming-soon-info > h1 { color: #FFFFFF; font: 3rem/1.4 "CocomatPro-Bold"; text-transform: uppercase; }
.coming-soon-info > h1 > span { border: 2px solid #FFFFFF; color: #FFFFFF; display: inline-block; font: 6rem/normal "Vibur-Regular"; margin-top: 25px; padding: 10px 40px; text-transform: capitalize; }
.box-coming-soon-image { background: url("../images/banner.JPG") no-repeat center/cover; height: 100vh; }

/*------- Coming Soon Page CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Desktop Logo and Menu Section Starts -------*/

.bg-logo-navbar-menu-header-desktop { background: linear-gradient(to left, rgb(0 22 54 / 100%), rgb(192 33 65 / 100%)); padding: 0 15px; }
.logo-header-desktop { text-align: center; }
.logo-header-desktop > a { display: inline-block; }
.logo-header-desktop > a > img { width: 100px; }
.row .box-logo-navbar-menu-header-desktop-2 { padding: 0 40px; }
.header-contact-listing { padding: 15px 0 0; }
.header-contact-listing > li { margin-right: 20px; padding-right: 20px; position: relative; z-index: 2; }
.header-contact-listing > li::after { background-color: rgb(192 33 65 / 20%); content: ""; display: block; height: 90%; position: absolute; right: 0; top: 0; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); width: 1px; z-index: 2; }
.header-contact-listing > li:last-child::after { display: none; }
.header-contact-listing > li:last-child { margin-right: 0; padding-right: 0; }
.header-contact-listing > li > div > div > svg { fill: #FFFFFF; height: 44px; margin-right: 15px; width: 44px; }
.header-contact-listing > li > div > div > p:first-child { color: #FFFFFF; font-size: 1.6rem; line-height: normal; }
.header-contact-listing > li > div > div > p:last-child { font-family: "CocomatPro-Medium"; line-height: normal; }
.header-contact-listing > li > div > div > p:last-child > a { color: #FFFFFF; }
.header-contact-listing > li > div > div > p:last-child > a:hover { color: #FFE69C; }
.menu-listing-desktop > li { display: inline-block; margin-right: 40px; position: relative; z-index: 2; }
.menu-listing-desktop > li:last-child { margin-right: 0; }
.menu-listing-desktop > li > a { color: #FFFFFF; display: block; font: 1.8rem/normal "CocomatPro-Medium"; padding: 31px 0; }
.menu-listing-desktop > li > a > i { padding-left: 5px; }
.menu-listing-desktop > li.active > a,
.menu-listing-desktop > li > a:hover { color: #FFE69C; }
.sub-menu-listing-desktop { background-color: #FFFFFF; border: 1px solid #EFF0F7; box-shadow: 0px 10px 14px rgba(74, 58, 255, 0.01), 0px 9px 26px rgba(23, 15, 73, 0.05); left: 0; opacity: 0; position: absolute; top: 110%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; visibility: hidden; z-index: 2; }
.products-sub-menu-listing-desktop { width: 330px; }
.services-sub-menu-listing-desktop { width: 420px; }
.menu-listing-desktop > li:hover > a + .sub-menu-listing-desktop { opacity: 1; top: 100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; visibility: visible; }
.sub-menu-listing-desktop > li > a { border-bottom: 1px solid #EFF0F7; color: #1E1E1E; display: block; font: 1.8rem/1.4 "CocomatPro-Medium"; padding: 10px 15px; }
.sub-menu-listing-desktop > li:last-child > a { border-bottom: 0; }
.sub-menu-listing-desktop > li.active > a,
.sub-menu-listing-desktop > li > a:hover { background-color: #FFF5F7; color: #C02141; }

  /*------- Desktop Logo and Menu Section Ends -------*/
  
  /*------- WhatsApp Button Section Starts -------*/

.btn-whatsapp { bottom: 30px; position: fixed; right: 30px; z-index: 4; }
.btn-whatsapp > a { align-items: center; background-color: #128C7E;-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: flex; height: 60px; justify-content: center; width: 60px; }
.btn-whatsapp > a > i { color: #FFFFFF; font-size: 3rem; line-height: 60px; }
.btn-whatsapp > a:hover { background-color: #006459; }

  /*------- WhatsApp Button Section Ends -------*/
  
  /*------- Banner Section Starts -------*/

.bg-banner { background: url("../images/banner.jpg") no-repeat top/cover; padding: 100px 15px 125px; position: relative; z-index: 1; }
.bg-banner::before { background-color: rgb(0 22 54 / 90%); clip-path: polygon(0 0, 40% 0, 70% 100%, 0% 100%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.banner-info > h5 { color: #FFFFFF; font: 1.8rem/normal "CocomatPro-Regular"; margin-bottom: 10px; }
.banner-info > h1 { color: #FFFFFF; font: 5rem/1.2 "CocomatPro-Bold"; margin-bottom: 30px; }
.banner-info > h1 > span { color: #FFC107; }
.banner-info > p { color: #EEEEEE; margin-bottom: 40px; text-align: justify; }
.btn-video-play { cursor: pointer; position: relative; margin-left: calc(100% + 100px); z-index: 1; }
.btn-video-play:before { -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; background: #C02141; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 80px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 80px; z-index: -1; }
.btn-video-play:after { background: #C02141; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 80px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; width: 80px; z-index: -1; }
.btn-video-play:hover::after { background-color: #A1132E; }
.btn-video-play span { border-bottom: 16px solid transparent; border-left: 26px solid #fff; border-top: 16px solid transparent; display: block; height: 0; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; z-index: 1; }
@keyframes pulse-border {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
  }
}

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-about { overflow-x: hidden; padding: 180px 15px; position: relative; z-index: 1; }
.about-image { position: relative; z-index: 1; }
.about-image-above { bottom: -80px; left: -80px; position: absolute; }
.about-image-above > img { border: 10px solid #FFFFFF; width: 200px; }
.about-info > p { padding-right: 70px; text-align: justify; }
.about-image-below { bottom: -90px; position: absolute; right: -70px; z-index: -1; }

  /*------- About Us Section Ends -------*/

  /*------- Our Products Section Starts -------*/

.bg-products { background-color: #FFF5F7; padding: 100px 15px; position: relative; z-index: 1; }
.products-section-outline-heading { top: -60px; }
.box-products { background-color: #FFFFFF; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom: 30px; }
.box-products-image > img { height: 255px; object-fit: fill; }
.box-products-info { padding: 20px 18px; }
.box-products-info > h4 { color: #1E1E1E; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; font: 2.4rem/normal "CocomatPro-Bold"; margin-bottom: 15px; overflow: hidden; }
.box-products-info > p { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; margin-bottom: 15px; overflow: hidden; }
.btn-read-more > a { color: #C02141; display: inline-block; font: 1.8rem/normal "CocomatPro-Medium"; }
.btn-read-more > a:hover { color: #A1132E; }

  /*------- Our Products Section Ends -------*/

  /*------- Our Services Section Starts -------*/

.bg-services { overflow: hidden; padding-bottom: 100px; position: relative; z-index: 1; }
.bg-services-sp { padding-bottom: 40px; }
.box-services-desc { background-color: #001636; padding: 40px 30px; }
.box-services-desc > p { color: #FFFFFF; font: italic 2.4rem/1.7 "CocomatPro-Medium"; text-align: center; }
.box-services { border-bottom: 2px solid #EFF0F7; padding: 30px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-services-last-child-sp { border-bottom: 0; }
.box-services:hover { background-color: #EFF0F7; }
.box-services:first-child { border-top: 2px solid #EFF0F7; }
.box-services:last-child { margin-bottom: 50px; }
.box-services-heading > h4 { color: #1E1E1E; font: 2.4rem/normal "CocomatPro-Bold"; }
.box-services-info-icon { align-items: center; display: flex; }
.box-services-info > p { margin-right: 30px; }
.box-services-icon > a { background-color: #FFF5F7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; height: 56px; text-align: center; width: 56px; }
.box-services-icon > a > i { color: #C02141; font-size: 2.4rem; line-height: 56px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-services-icon > a:hover { background-color: #C02141; }
.box-services-icon > a:hover > i { color: #FFFFFF; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); }

  /*------- Our Services Section Ends -------*/

  /*------- Industry Section Starts -------*/

.bg-industry { background: url("../images/industry.jpg") no-repeat fixed top/cover; padding: 70px 15px; position: relative; z-index: 1; }
.bg-industry::before { background: linear-gradient(to left, rgb(0 22 54 / 88%), rgb(192 33 65 / 88%)); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.box-industry-info > p { color: #FFFFFF; font: italic 2.4rem/1.7 "CocomatPro-Medium"; text-align: center; }

  /*------- Industry Section Ends -------*/

  /*------- Certificates Section Starts -------*/

.bg-certificates { padding-bottom: 70px; position: relative; z-index: 1; }
.box-certificates { border-color: #C02141 #001636 #C02141 #001636; border-style: solid; border-width: 20px; margin-bottom: 30px; }

  /*------- Certificates Section Ends -------*/

  /*------- Footer Section Starts -------*/

.bg-footer { background: url("../images/bg-footer.JPG") no-repeat top/cover; padding: 70px 15px 30px; position: relative; z-index: 1; }
.bg-footer::before { background: linear-gradient(to left, rgb(0 22 54 / 97%), rgb(192 33 65 / 97%)); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.footer-logo > a { display: inline-block; }
.footer-logo > a > img { width: 150px; }
.footer-contact-listing { margin-bottom: 50px; }
.footer-contact-listing > li { margin-bottom: 15px; padding-left: 40px; position: relative; }
.footer-contact-listing > li:last-child { margin-bottom: 0; }
.footer-contact-listing > li:first-child::before,
.footer-contact-listing > li:nth-child(2)::before,
.footer-contact-listing > li:nth-child(3)::before { color: #FFFFFF; content: "\f3c5"; display: block; font-family: "Font Awesome 5 Free"; font-size: 2.4rem; font-weight: 900; left: 0; position: absolute; top: 2px; }
.footer-contact-listing > li:nth-child(2)::before { content: "\f879"; }
.footer-contact-listing > li:nth-child(3)::before { content: "\f0e0"; }
.footer-contact-listing > li > address > p { margin-right: 50px; }
.footer-contact-listing > li > address > p,
.footer-contact-listing > li > a,
.footer-contact-listing > li > p > a,
.footer-contact-listing > li > p > span { color: #FFFFFF; }
.footer-contact-listing > li > p { margin-bottom: 20px; }
.footer-contact-listing > li > p > span { color: #EEEEEE; display: block; font-style: italic; line-height: 1; padding-left: 10px; }
.footer-contact-listing > li > a { font: 1.8rem/1.7 "CocomatPro-Regular"; }
.footer-contact-listing > li > a:hover,
.footer-contact-listing > li > p > a:hover { color: #FFC107; }
.footer-heading > h4 { color: #FFFFFF; font: 2.4rem/1.2 "CocomatPro-Bold"; margin-bottom: 30px; padding-bottom: 15px; position: relative; z-index: 1; }
.footer-heading > h4::before { background-color: #FFFFFF; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 15px; z-index: 1; }
.footer-heading > h4::after { background-color: #FFFFFF; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; bottom: 0; content: ""; height: 4px; left: 20px; position: absolute; width: 45px; z-index: 1; }
.footer-desc > p { color: #FFFFFF; margin-bottom: 30px; }
.footer-social-listing { margin-bottom: 50px; }
.footer-social-listing > li { margin-right: 15px; }
.footer-social-listing > li:last-child { margin-right: 0; }
.footer-social-listing > li > a { background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-shadow: inset 0 0 0 0 #FFE69C; color: #000f16; display: block; font-size: 1.6rem; height: 45px; line-height: 45px; text-align: center; width: 45px; }
.footer-social-listing > li > a:hover { box-shadow: inset 0 45px 0 0 #FFE69C; }
.footer-quick-links-listing > li { display: block; margin-bottom: 15px; }
.footer-quick-links-listing > li:last-child { margin-bottom: 50px; }
.footer-quick-links-listing > li > a { color: #FFFFFF; font: 1.8rem/normal "CocomatPro-Regular"; display: inline-block; }
.footer-quick-links-listing > li > a:hover { color: #FFE69C; }
.copyright-info { border-top: 1px solid rgb(255 255 255 / 10%); padding-top: 30px; }
.copyright-info > p { color: #FFFFFF; font-size: 1.6rem; }
.copyright-info > p > a,
.copyright-info > p > span { color: #FFFFFF; font-family: "CocomatPro-Medium"; }

	/*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-ip { padding: 150px 15px; position: relative; z-index: 1; }
.bg-banner-ip::before { background-color: rgb(0 22 54 / 90%); clip-path: polygon(0 0, 40% 0, 70% 100%, 0% 100%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.bg-banner-ap { background: url("../images/about-banner.jpg") no-repeat 100% 16%/cover; }
.banner-info-ip > h1 { margin-bottom: 0; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-legacy-leadership { padding-bottom: 40px; position: relative; z-index: 1; }
.legacy-leadership-info > .section-heading > h2,
.legacy-leadership-info > p { margin-bottom: 30px; }
.legacy-leadership-info > p > span { font-family: "CocomatPro-Bold"; font-style: italic; }
.legacy-leadership-info > p > span.text-primary-color { color: #C02141; }

  /*------- About Us Section Ends -------*/

  /*------- Second and Third Generation Section Starts -------*/

.bg-second-generation-heading { padding: 0 15px; }
.bg-second-generation,
.bg-third-generation { padding: 100px 15px; position: relative; z-index: 1; }
.bg-second-generation::before { background-color: #C02141; -webkit-border-radius: 0 70px 70px 0; -moz-border-radius: 0 70px 70px 0; -ms-border-radius: 0 70px 70px 0; -o-border-radius: 0 70px 70px 0; border-radius: 0 70px 70px 0; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 60%; z-index: -1; }
.second-third-generation-info > p { font-size: 2.4rem; }
.second-third-generation-info > p > span { color: #FFE69C; font-family: "CocomatPro-Bold"; font-style: italic; }
.second-third-generation-image > img { margin-bottom: 30px; }
.bg-third-generation-heading { padding: 100px 15px 0; }
.bg-third-generation::before { background-color: #001636; -webkit-border-radius: 70px 0 0 70px; -moz-border-radius: 70px 0 0 70px; -ms-border-radius: 70px 0 0 70px; -o-border-radius: 70px 0 0 70px; border-radius: 70px 0 0 70px; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 60%; z-index: -1; }
.third-generation-section-heading > h2 { text-align: right; }
.second-generation-person-name > h4,
.third-generation-person-name > h4 { background-color: #FFFFFF; border: 2px solid #C02141; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; color: #C02141; font: 2rem/normal "CocomatPro-Medium"; padding: 5px 10px 10px; text-align: center; }
.third-generation-person-name > h4 { background-color: #FFFFFF; border: 2px solid #001636; color: #001636; }

  /*------- Second and Third Generation Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.bg-mission,
.bg-vision { overflow: hidden; padding-bottom: 100px; position: relative; z-index: 1; }
.bg-vision { padding-bottom: 180px; }
.box-mission-desc,
.box-vision-desc { background-color: #FFF5F7; margin-bottom: 70px; padding: 40px 30px; }
.box-mission-desc > p,
.box-vision-desc > p { color: #C02141; font: italic 2.4rem/1.7 "CocomatPro-Medium"; text-align: center; }
.box-mission-desc > p > q > span,
.box-vision-desc > p > q > span { font-family: "CocomatPro-Bold"; }
.mission-listing > li,
.vision-listing > li,
.quality-testing-listing > li { color: #1E1E1E; font: 1.8rem/1.4 "CocomatPro-Regular"; margin-bottom: 30px; padding-left: 45px; position: relative; z-index: 1; }
.mission-listing > li:last-child,
.vision-listing > li:last-child,
.quality-testing-listing:last-child { margin-bottom: 0; }
.mission-listing > li > img,
.vision-listing > li > img,
.quality-testing-listing > li > img { left: 0; position: absolute; top: 0; width: 35px; z-index: 1; }
.mission-listing > li > span,
.vision-listing > li > span,
.quality-testing-listing > li > span { color: #C02141; display: block; font: 2rem/1.4 "CocomatPro-Bold"; margin-bottom: 10px; }
.box-mission-extra-desc,
.box-vision-extra-desc { background-color: #EFF0F7; margin: 70px 0 0; padding: 40px 30px; }
.box-mission-extra-desc > p,
.box-vision-extra-desc > p { color: #001636; font: italic 2.4rem/1.7 "CocomatPro-Medium"; text-align: center; }
.box-mission-extra-desc > p > q > span { font-family: "CocomatPro-Bold"; }
.box-vision-desc > p { margin-bottom: 20px; }
.box-vision-desc > p:last-child { margin-bottom: 0; }
.vision-listing > li > span { display: inline; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Quality Information Section Starts -------*/

.bg-quality-information { padding: 140px 15px 70px; position: relative; z-index: 1; }
.bg-quality-information::before { background: linear-gradient(#FFF5F7, #FFFFFF); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.quality-section-outline-heading { margin-top: -60px; }
.quality-testing-info,
.extra-product-info,
.extra-service-info { background: linear-gradient(to bottom, #FFF5F7, #EFF0F7); margin-top: 30px; padding: 30px; }
.extra-service-info { margin-top: 0; }
.quality-testing-info > p,
.extra-product-info > p,
.extra-service-info > p { background: -webkit-linear-gradient(#C02141, #001636); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font: italic 3rem/1.4 "CocomatPro-Bold"; text-align: center; }

  /*------- Quality Information Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 100px 15px 70px; }

  /*------- Our Products Section Ends -------*/

/*------- Products Page Ends -------*/

/*------- Sub Product Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-ipsp { background: url("../images/bg-banner-ipp.jpg") no-repeat center/cover; }

  /*------- Banner Section Ends -------*/

  /*------- Product Information Section Starts -------*/

.bg-product-info { overflow-x: hidden; padding: 100px 15px 180px; position: relative; z-index: 1; }
.product-info-section-heading-1 > h2 { margin-bottom: 70px; }
.product-info-section-heading-2 > h3 { margin-bottom: 30px; }
.box-product-desc { background-color: #001636; margin-bottom: 50px; padding: 40px 30px; }
.box-chemical-utility-tanks-product-desc { margin-bottom: 0; }
.box-product-desc > p { color: #FFFFFF; font: italic 2.4rem/1.7 "CocomatPro-Medium"; text-align: center; }
.box-product-desc > p > q > span { color: #FFE69C; }
.product-question-answer { position: relative; z-index: 1; }
.product-question-icon { position: absolute; right: 0; text-align: right; top: -25px; width: 100%; z-index: -1; }
.product-question-icon > img { opacity: 0.2; width: 70px; }
.product-question-answer > .section-heading > h3 { margin-bottom: 15px; }
.product-question-answer > p > span { font-family: "CocomatPro-Bold"; }

  /*------- Product Information Section Ends -------*/

  /*------- Manufacture Section CSS Starts -------*/

.bg-manufacture { background-color: #EFF0F7; padding: 140px 15px 180px; position: relative; z-index: 1; }
.manufacture-section-outline-heading { top: -60px; }
.manufacture-section-outline-heading > div { -webkit-text-stroke-color: rgb(0 22 54 / 40%); }

  /*------- Manufacture Section CSS Ends -------*/

  /*------- Key Features Section Starts -------*/

.bg-key-features,
.bg-what-we-offer { background-color: #FFF5F7; padding: 0; position: relative; z-index: 1; }
.key-features-section-outline-heading,
.what-we-offer-section-outline-heading { top: -60px; }
.key-features-info,
.applications-info,
.industries-info,
.what-we-offer-info { padding: 70px 50px; }
.key-features-info > .section-heading > h3,
.applications-info > .section-heading > h3,
.industries-info > .section-heading > h3,
.what-we-offer-info > .section-heading > h3 { margin-bottom: 50px; }
.what-we-offer-info > .specialised-pipe-coil-bending-heading > h3 { margin-bottom: 30px; }
.what-we-offer-info > p { margin-bottom: 30px; }
.key-features-listing > li,
.applications-listing > li,
.manufacturing-excellence-listing > li,
.qa-testing-listing > li,
.industries-listing > li,
.what-we-offer-listing > li { color: #1E1E1E; font: 1.8rem/1.4 "CocomatPro-Regular"; margin-bottom: 30px; padding-left: 45px; position: relative; z-index: 1; }
.key-features-listing > li > img,
.applications-listing > li > img,
.manufacturing-excellence-listing > li > img,
.qa-testing-listing > li > img,
.industries-listing > li > img,
.what-we-offer-listing > li > img { left: 0; position: absolute; top: 0; width: 35px; z-index: 1; }
.key-features-listing > li:last-child,
.applications-listing > li:last-child,
.manufacturing-excellence-listing > li:last-child,
.qa-testing-listing > li:last-child,
.industries-listing > li:last-child,
.what-we-offer-listing > li:last-child { margin-bottom: 0; }
.key-features-listing > li > span:first-of-type,
.applications-listing > li > span:first-of-type,
.manufacturing-excellence-listing > li > span:first-of-type,
.qa-testing-listing > li > span:first-of-type,
.what-we-offer-listing > li > span:first-of-type { color: #C02141; font: 2rem/1.4 "CocomatPro-Bold"; margin-bottom: 10px; }
.key-features-listing > li > span:first-of-type,
.what-we-offer-listing > li > span:first-of-type,
.applications-listing > li > span:first-of-type { display: block; }
.key-features-listing > li > div { margin-top: 5px; }
.key-features-listing > li > span:nth-of-type(2),
.key-features-listing > li > span:nth-of-type(3),
.key-features-listing > li > span:nth-of-type(4),
.key-features-listing > li > div > span,
.manufacturing-excellence-listing > li > span:nth-of-type(2),
.qa-testing-listing > li > span:nth-of-type(2),
.what-we-offer-listing > li > span:nth-of-type(2),
.what-we-offer-listing > li > span:nth-of-type(3) { font-family: "CocomatPro-Bold"; }
.manufacturing-excellence-listing > li > span.crimson-red,
.qa-testing-listing > li > span.crimson-red { color: #C02141; }
.manufacturing-excellence-listing > li > span.eerie-black,
.qa-testing-listing > li > span.eerie-black { color: #1E1E1E; }
.key-features-listing > li > div { padding-left: 25px; position: relative; z-index: 1; }
.key-features-listing > li > div > img { left: 0; position: absolute; top: 0; width: 20px; z-index: 1; }

  /*------- Key Features Section Ends -------*/

  /*------- Technical Capabilities Section Starts -------*/

.bg-technical-capabilities { background-color: #FFF5F7; padding: 100px 15px; }
.technical-capabilities-listing > li { color: #001636; font: 1.8rem/1.4 "CocomatPro-Regular"; margin-bottom: 30px; padding-left: 45px; position: relative; z-index: 1; }
.technical-capabilities-listing > li > img { left: 0; position: absolute; top: -3px; width: 35px; z-index: 1; }
.technical-capabilities-listing > li:last-child { margin-bottom: 0; }
.technical-capabilities-listing > li > span { font-family: "CocomatPro-Bold"; }
.technical-capabilities-sub-listing { margin-top: 30px; }
.technical-capabilities-sub-listing > li { color: #1E1E1E; font: 1.8rem/1.4 "CocomatPro-Regular"; margin-bottom: 15px; padding-left: 35px; position: relative; z-index: 1; }
.technical-capabilities-sub-listing > li:last-child { margin-bottom: 0; }
.technical-capabilities-sub-listing > li > img { left: 0; position: absolute; top: 7px; width: 20px; z-index: 1; }
.technical-capabilities-sub-listing > li > span { font-family: "CocomatPro-Bold"; }

  /*------- Technical Capabilities Section Ends -------*/

  /*------- Cooling System Section Starts -------*/

.bg-cooling-system { background-color: #001636; padding: 100px 15px; }
.section-heading > h2.text-white > span { color: #FFC107; }
.cooling-system-info > .section-heading > h2 { margin-bottom: 40px; }
.cooling-system-info > p { color: #FFFFFF; }

  /*------- Cooling System Section Ends -------*/

  /*------- Manufacturing Excellence Section Starts -------*/

.bg-manufacturing-excellence,
.bg-qa-testing { padding: 70px 15px; }
.manufacturing-excellence-sub-listing,
.qa-testing-sub-listing { margin-top: 30px; }
.manufacturing-excellence-sub-listing > li,
.qa-testing-sub-listing > li { color: #1E1E1E; font: 1.8rem/1.4 "CocomatPro-Regular"; margin-bottom: 15px; padding-left: 35px; position: relative; z-index: 1; }
.manufacturing-excellence-sub-listing > li > img,
.qa-testing-sub-listing > li > img { left: 0; position: absolute; top: 7px; width: 20px; z-index: 1; }
.manufacturing-excellence-sub-listing > li:last-child,
.qa-testing-sub-listing > li:last-child { margin-bottom: 0; }
.manufacturing-excellence-sub-listing > li > span:first-of-type,
.qa-testing-sub-listing > li > span:first-of-type { color: #C02141; font: 1.8rem/1.4 "CocomatPro-Bold"; margin-bottom: 10px; }
.manufacturing-excellence-sub-listing > li > span:nth-of-type(2),
.qa-testing-sub-listing > li > span:nth-of-type(2) { font-family: "CocomatPro-Bold"; }

  /*------- Manufacturing Excellence Section Ends -------*/

  /*------- Custom Options Section Starts -------*/

.bg-custom-options,
.bg-optional-accessories { background-color: #c02141; padding: 100px 15px; }
.custom-options-listing > li,
.optional-accessories-listing > li { color: #FFFFFF; font: 1.8rem/1.4 "CocomatPro-Regular"; margin-bottom: 30px; padding-left: 45px; position: relative; z-index: 1; }
.custom-options-listing > li > img,
.optional-accessories-listing > li > img { left: 0; position: absolute; top: -3px; width: 35px; z-index: 1; }
.custom-options-listing > li:last-child,
.optional-accessories-listing > li:last-child { margin-bottom: 0; }
.custom-options-listing > li > span,
.optional-accessories-listing > li > span { font-family: "CocomatPro-Bold"; }

  /*------- Custom Options Section Ends -------*/

  /*------- Applications Section Starts -------*/

.bg-applications,
.bg-industries { overflow-x: hidden; padding-bottom: 70px; position: relative; z-index: 1; }
.applications-section-outline-heading,
.industries-section-outline-heading { top: 30px; }

  /*------- Applications Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us { background-color: #F5F9F7; margin: 50px auto 70px; padding: 150px 15px 70px; position: relative; z-index: 1; }
.why-choose-us-section-outline-heading { top: -60px; }
.why-choose-us-section-outline-heading > div { -webkit-text-stroke-color: rgb(0 22 54 / 40%); }
.box-why-choose-us { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; margin-bottom: 30px; padding: 30px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-why-choose-us:hover { background-color: #FFFFFF; }
.box-why-choose-us-image { background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 100px; line-height: 100px; margin: 0 auto 15px; text-align: center; width: 100px; }
.box-why-choose-us-image > img { height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-why-choose-us-info { text-align: center; }
.box-why-choose-us-info > h4 { color: #1E1E1E; font: 2.4rem/normal "CocomatPro-Bold"; margin-bottom: 10px; }
.box-why-choose-us:hover > .box-why-choose-us-image > img { height: 70px; }
.bg-why-chhose-us-2 { background-color: #001636; padding: 100px 15px; margin-bottom: 70px; }
.why-choose-us-listing > li { color: #FFFFFF; font: 1.8rem/1.4 "CocomatPro-Regular"; margin-bottom: 30px; padding-left: 45px; position: relative; z-index: 1; }
.why-choose-us-listing > li > img { left: 0; position: absolute; top: -3px; width: 35px; z-index: 1; }
.why-choose-us-listing > li:last-child { margin-bottom: 0; }
.why-choose-us-listing > li > span { font-family: "CocomatPro-Bold"; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Extra Product Info Section Starts -------*/

.bg-extra-product-info,
.bg-extra-service-info { padding: 0 15px 70px; }
.extra-product-section-heading > h3  { margin-bottom: 50px; }

  /*------- Extra Product Info Section Ends -------*/

/*------- Sub Product Page Ends -------*/

/*------- Sub Services Page Starts -------*/

  /*------- Services Information Section Starts -------*/

.bg-service-info { overflow-x: hidden; padding: 100px 15px 150px; position: relative; z-index: 1; }
.service-info-section-heading-1 > h2 { margin-bottom: 70px; }
.service-info-section-heading-2 > h3 { margin-bottom: 30px; }
.box-service-desc { background-color: #001636; padding: 40px 30px; }
.box-service-desc > p { color: #FFFFFF; font: italic 2.4rem/1.7 "CocomatPro-Medium"; text-align: center; }
.box-service-desc > p > q > span { color: #FFE69C; }

  /*------- Services Information Section Ends -------*/

  /*------- Scope-Expertise-Services Section Starts -------*/

.bg-scope-expertise-services { background-color: #FFF5F7; padding: 100px 15px 70px; position: relative; z-index: 1; }
.scope-expertise-services-section-outline-heading { top: -60px; }
.scope-expertise-services-section-heading > h3 { margin-bottom: 20px; }
.scope-expertise-services-section-heading-with-no-desc > h3,
.scope-expertise-services-section-desc > p { margin-bottom: 50px; }
.scope-expertise-services-section-desc > p > span { font-family: "CocomatPro-Bold"; }
.scope-expertise-services-info { margin-bottom: 30px; padding-left: 40px; position: relative; z-index: 1; }
.scope-expertise-services-info > img { left: 0; position: absolute; top: 4px; width: 30px; z-index: 1; }
.scope-expertise-services-info > p { color: #1E1E1E; font: 1.8rem/1.4 "CocomatPro-Regular"; }
.scope-expertise-services-info > p > span { color: #C02141; display: block; font: 2.2rem/1.4 "CocomatPro-Bold"; margin-bottom: 10px; }

  /*------- Scope-Expertise-Services Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us-services { background-color: #001636; margin-bottom: 70px; overflow-x: hidden; padding-bottom: 100px; position: relative; z-index: 1; }
.why-choose-us-services-section-outline-heading > div { -webkit-text-fill-color: transparent; -webkit-text-stroke-color: #FFFFFF; }
.why-choose-us-services-section-heading > h2 { margin-bottom: 50px; }
.box-why-choose-us-services { background-color: rgb(255 255 255 / 6%); margin-bottom: 30px; padding: 30px; }
.box-why-choose-us-services:last-child { margin-bottom: 0; }
.box-why-choose-us-services-images > img { height: 50px; margin-bottom: 15px; }
.box-why-choose-us-services-info > h4 { color: #FFFFFF; font: 2.4rem/normal "CocomatPro-Bold"; margin-bottom: 10px; }
.box-why-choose-us-services-info > p { color: #CECECE; font: 1.8rem/1.5 "CocomatPro-Regular"; }

  /*------- Why Choose Us Section Ends -------*/

/*------- Sub Services Page Ends -------*/

/*------- Gallery Page Starts -------*/

.bg-gallery { padding: 70px 15px 40px; }
.box-gallery-image,
.box-milestone-image { -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; margin-bottom: 30px; overflow: hidden; position: relative; z-index: 1; }
.box-gallery-image > a,
.box-milestone-image > a { display: block; }
.box-gallery-image img,
.box-milestone-image img { -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; }
.box-gallery-image:hover img,
.box-milestone-image:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); }

/*------- Gallery Page Ends -------*/

/*------- Clientele Page Starts -------*/

.bg-clientele { padding: 70px 15px 40px; }
.box-clientele-image { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; margin-bottom: 30px; padding: 15px; }
.box-clientele-image:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }    
.box-clientele-image > img { width: 100%; }

/*------- Clientele Page Ends -------*/

/*------- Milestone Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-milestone { background: url("../images/bg-banner-milestone.jpg") no-repeat center/cover; }

  /*------- Banner Section Ends -------*/

.bg-milestone { padding: 100px 15px 70px; }
.milestone-desc h2 { margin-bottom: 50px; }
.milestone-desc > p { margin-bottom: 20px; }
.milestone-desc > p:last-of-type { margin-bottom: 40px; }
.milestone-img > img { margin-bottom: 30px; }

/*------- Milestone Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-cp { background: url("../images/contact-banner.jpg") no-repeat bottom/cover; }

  /*------- Banner Section Ends -------*/

  /*------- Map Section Starts -------*/

.bg-map { padding-bottom: 0; position: relative; z-index: 1; }
.iframe-map { border: 2px solid #EFF0F7; height: 500px; padding: 10px; width: 100%; }

  /*------- Map Section Ends -------*/

  /*------- Contact Information and Form Section Starts -------*/

.bg-contact-info-form { padding: 100px 15px; }
.get-in-touch-listing > li { margin-bottom: 30px; }
.get-in-touch-listing > li:last-child { margin-bottom: 0; }
.box-contact-icon-info { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; display: flex; padding: 30px; }
.box-contact-icon { margin-right: 20px; width: 10%; }
.box-contact-icon > img { width: 100%; }
.box-contact-info { width: 90%; }
.box-contact-info > h4 { color: #C02141; font: 2.7rem/1 "CocomatPro-Bold"; margin-bottom: 10px; }
.box-contact-info > p { font-family: "CocomatPro-Medium"; }
.box-contact-info > p > a { color: #434343; }
.box-contact-info > p > a:hover { color: #C02141; }
.box-form { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; background: linear-gradient(to left, rgb(0 22 54 / 100%), rgb(192 33 65 / 100%)); padding: 30px; }
.box-form-heading > h3 { color: #FFFFFF; font-family: "CocomatPro-Medium"; line-height: 1.4; margin-bottom: 30px; }
.box-form-heading > h3 > span { color: #FFFFFF; display: block; }
.form-group-cp { margin-bottom: 30px; }
.form-control-cp { background-color: transparent; border: 2px solid #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color: #FFFFFF; font: 1.8rem/normal "CocomatPro-Medium"; height: 56px; letter-spacing: 0.5px; padding: 1rem 2rem 1.5rem; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.form-control-cp::placeholder { color: #FFFFFF; opacity: 1; }
.form-control-cp::-ms-input-placeholder { color: #FFFFFF; }
textarea.form-control-cp { height: 200px; resize: none; }
.form-control-cp:focus { background-color: #FFFFFF; border: 2px solid transparent; box-shadow: none; }
.btn-send-message { background-color: #FFFFFF; border: 0; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; color: #1E1E1E; font: 1.8rem/1 "CocomatPro-Medium"; height: 56px; padding: 15px 40px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 100%; }
.btn-send-message > i { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.btn-send-message:hover,
.btn-send-message:focus,
.btn-send-message:first-child:active { background-color: #FFC107; color: #1E1E1E; }

  /*------- Contact Information and Form Section Ends -------*/

/*------- Contact Us Page Ends -------*/