/*@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*..............custom fonts..............*/
 

:root {
    --primary-font: "Poppins", serif;
    --primary-color: #005aab;
    --secondary-color: #FF6700;
    --dark-blue: #005aab;
    --light-blue: #25A5DA;
    --text-color: #333;
    --black:#000000;
    --white:#ffffff;
    --dark-text: #232A43;
}


/*..............common styles..............*/
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--primary-font); font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); font-weight: 300; color:var(--text-color); background-color: #fff; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-weight: 700; margin:0 0 20px; padding:0; color: #221B2D; font-family: var(--primary-font); line-height: 1.2; }
h1{ font-size: clamp(2rem, 1.3798rem + 2.7564vw, 4.6875rem); /* 75px */ font-weight: 700;} 
h2{ font-size: clamp(1.875rem, 1.6587rem + 0.9615vw, 2.8125rem); /* 45px */ margin: 0 0 20px; } 
h3{ font-size: clamp(1.5rem, 1.232rem + 0.857vw, 2.25rem); /* 36px */ }
h4{ font-size: clamp(1.25rem, 1.1923rem + 0.2564vw, 1.5rem); /* 24px */ }
h5{ font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem); /* 18px */ }
h6{ font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* 16px */ }
p{ margin:0 0 20px; line-height: 1.6; font-weight: 300; }
p:last-child { margin-bottom: 0; }
ul{padding-left: 0; margin-bottom: 0;}
li{list-style: none;}
 
img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--primary-color); outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--primary-font); font-weight: 400; outline: none; background: var(--white) ; font-size: clamp(0.875rem, 0.83rem + 0.143vw, 1rem); color: var(--text-color); min-height: 35px !important; font-family: var(--primary-font);}
input[type="submit"]{ font-family: var(--primary-font); font-weight: 500; transition:all 0.3s ease 0s; outline: none;}
input:not([type="submit"]) { height: 35px !important;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input.form-control, textarea.form-control { border: 1px solid  var(--white) !important; box-shadow: none !important; resize: none; background: var(--white) !important; padding: 10px 20px !important; font-size: clamp(0.875rem, 0.83rem + 0.143vw, 1rem); }
textarea.form-control{ height: 120px !important; }
input.form-control { border-radius: 8px; }
textarea.form-control { border-radius: 8px; }
form label {  transition: all 0.4s; }

::placeholder { color: #ABABAB !important; opacity: 1; display: none; }
::-ms-input-placeholder { color: #ABABAB !important; display: none; }
textarea.form-control::placeholder { color: #ABABAB !important; display: none; }

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label, 
.form-floating>.form-select~label {color: #9583AE;transform: translateY(-11px) translateX(20px);padding: 0 10px;height: auto;background: #f8f6f9;line-height: 1;} 
.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after { background-color: #f8f6f9; padding: 0 !important; display: none; }


/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn { position: relative; padding: 0; border: none !important; outline: none !important; box-shadow: none!important; }
/* .btn::before { content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #221B2D; border-radius: 50px; left: 0; top: 0;  opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } */

.btn span{ min-width: 194px; justify-content: center; font-family: var(--primary-font); overflow: hidden; position: relative; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; display: inline-flex; align-items: center; vertical-align: top; color: #fff !important; font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); line-height: 1; border-radius: 60px; gap: 10px; padding: 14px 50px 11px; height: 60px; font-weight: 500;  }
.btn span::before {width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: var(--secondary-color); background: linear-gradient(90deg, #FF6812 2.23%, #FFA84D 100%); z-index: -1; }
.btn span::after {content: "";position: absolute;width: 40px;height: 100%;background: linear-gradient(149.67deg, #3780C3 0%, #03C5EF 94.77%);border-radius: 50px;z-index: -1;top: 0;left: -40px;transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .9s ease;transform: scale(1);border-radius: 50px;} 
.btn img { top: -1px; position: relative; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}

.btn:hover img { transform: rotate(-45deg); }
.btn:hover span::after {width: 110%;height: 100%;transform: scale(1);left: 0;transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;}
.btn:hover::before { transform: translate(5px, 5px); opacity: 1; }

.btn.white::before { border: 2px solid #FFF; }
.btn.white span{ color: #6A4C93 !important; }
.btn.white span::before { background-color: #FFF; }
.btn.white span::after { background-color: #6A4C93;  }
.btn.white:hover span { color: #FFF !important; }
.btn.white:hover img { transform: rotate(-45deg); filter: brightness(0) invert(1); }

/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */
.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}
/* --- checkbox and radio button Styles --- */


/*..............common styles..............*/
.common-padd { padding-top: 90px; padding-bottom: 90px; } 
.common-padd-bottom {  padding-bottom: 90px; } 
.common-padd-top {  padding-top: 90px; } 

.p-relative { position: relative; }
.mb-20 { margin-bottom: 20px; }
.mt-6 { margin-top: 5rem; }
.mb-7 { margin-bottom: 6rem; }
.pt-6 { padding-top: 4rem !important; }
.form-control { height: 50px; padding: 16px 30px; } 
/*..............common styles..............*/


/*-----scroll-bar-design----------*/
/* width */
::-webkit-scrollbar {width: 8px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #ece3fa; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: var(--dark-blue); border-radius: 10px; }
/*-----scroll-bar-design----------*/
 
/*-----Header design----------*/
main { padding-top: 140px; }
.main-header { z-index: 10; width: 100%;  position: fixed;     transform: translateY(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #fff;}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.bottom-header{ padding: 20px 0; }  

.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-size: 14px; font-weight: 300; cursor: pointer; }
.main-menu ul li:not(:last-child) { margin-right: 35px;}
.main-menu ul li a { display: block; color: #181818; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 14px; } 
   
.main-menu ul li ul.sub-menu li a::before{opacity: 0;content: ""; width: 0%; height: 1px; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} 
.main-menu ul li a:hover::before, 
.main-menu ul li.menu-item-has-children a { opacity: 1; content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } 
.main-menu ul li ul.sub-menu li a::before { background-color: #fff !important; top: 45%; width: 0;left: 0; border: 1px solid var(--dark-blue)}
.main-menu ul li ul.sub-menu li a:hover::before {width: 20px; opacity: 1; }
.main-menu ul li ul.sub-menu li a:hover{padding-left: 30px; color: var(--dark-blue) !important;}
.main-menu ul li a:hover{color: var(--dark-blue);}
.main-menu ul li span {margin-left: 10px; }
.main-header.relative_header {background-color: black; }

/*------css for new dropdown sub-menu start--------*/
.main-menu ul li.menu-item-has-children a:after { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; position: absolute; top: 5px; box-sizing: border-box; height: 9px; width: 9px; border-style: solid; border-color: #231F20; border-width: 0px 2px 2px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 8px; margin: 0 auto; }
.main-menu ul li.menu-item-has-children:hover a:after {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border-color: var(--dark-blue); }
.main-menu ul li.menu-item-has-children a {padding-right: 24px; }
.main-menu ul.sub-menu li a:after{display: none!important;}

.main-menu ul{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
.main-menu ul li {display: flex; justify-content: center; align-items: center; position: relative; font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); perspective: 1000px; z-index: 100; color: #FFF; text-transform: uppercase;}
.main-menu ul.sub-menu { position: absolute; width: 250px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu ul.sub-menu li { margin: 0!important; padding: 0 }
.main-menu ul li .sub-menu li a {color: #221B2D; padding: 8px 0; } 
.main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden; }
 
header .main-menu ul>li { position: relative; cursor: pointer }
header .main-menu ul .sub-menu { position: absolute; left: 0; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 230px; overflow: hidden; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset }
header .main-menu ul li ul::before {content: ""; width: 100%; height: 100%; position: absolute; top: -12px; left: 0; background-color: #6A4C93; }
header .main-menu ul li:hover ul {padding-top: 5px;box-shadow: 0px 4px 10px 0px #00000014;opacity: 1; transform: scaleY(1) translateZ(0); visibility: visible; display: unset; transition: transform 0.3s, opacity 0.3s ease-out; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 20px; cursor: pointer; background-color: #fff; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
header .main-menu ul .sub-menu li:first-child{padding-top: 10px;border-radius: 10px 10px 0 0;}
header .main-menu ul .sub-menu li:last-child{padding-bottom: 10px;}


/*------css for new dropdown sub-menu end--------*/ 

.main-header .logo {transform: scale(1.0); max-width: 235px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }

.main-header.fixed .logo {transform: scale(1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; max-width: 200px; }
.main-header.fixed { background: #ffffff;  position: fixed; transform: translateY(-39px); width: 100%; box-shadow: 0 0 12px rgb(0 0 0 / 12%); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(10px); } 
.main-header.fixed .bottom-header{ padding: 14px 0px; } 
.main-header.fixed .main-menu ul li { color: #fff;} 

/*==========mobile menu=========*/ 
.main-header .hdr-rt { display: flex; align-items: center; }
.main-header .hdr-rt.hdr-lt { gap: 50px; justify-content: flex-end; }
.main-header .user-sec {margin-left: 50px;display: flex;align-items: center; }
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out;}
.mobile-menu-container ul.sub-menu.sub-menu-open {transform: scaleY(1); max-height: 300px;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav { display: none; vertical-align: top; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 0; }
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; left: -6%; right: -6%; background: #ffffff; height: calc(100vh + 40px); opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-open .mobile-menu-container { top: -40px; transform: translateY(0); opacity: 1;  }
.mobile-menu-container .inner-container{ padding-top: 160px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 50px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 30px; color: #fff; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}


/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}

/*=========mobile menu===========*/

/*for header css*/
 
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; }

/*when turns close icon*/
.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }
.line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:var(--dark-blue); stroke-width:3.5; stroke-linecap:round; } 
.ham6 .top { stroke-dasharray: 41 172; }
.ham6 .middle { stroke-dasharray: 41 111; transform: translateX(1px); }
.ham6 .bottom { stroke-dasharray: 41 172; transform: translateX(1px);}
.ham6.active .top { stroke-dashoffset: -132px; }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; } 
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */



header .top-header { background: #142229; padding: 2px 0; }
header .top-header .left { align-items: center; flex: 1 }
header .top-header .left .item { padding-right: 23px; margin-right: 23px; padding-left: 25px; border-right: 2px solid rgba(255, 255, 255, 0.2); position: relative }
header .top-header .left .item:before { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; content: ""; font-family: "fontawesome"; color: #8A9194; font-size: 16px }
header .top-header .left .item a { font-size: 14px; font-weight: 500; color: #8A9194 }
header .top-header .left .telephone:before { content: "" }
header .top-header .left .mail:before { content: "" }
header .top-header .left .location:before { content: "" }
header .top-header .left .second-logo { margin-right: 23px; flex: 1; display: flex; justify-content: center; min-width: 200px }
header .top-header .left .second-logo img { max-height: 35px }
.searchform { padding: 0 5px 0 30px; border-left: 2px solid rgba(255, 255, 255, 0.2); -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center ; display: flex;}
.searchform input { background: rgba(255, 255, 255, 0); border: none; color: #8A9194; font-size: 14px; font-weight: 400; width: 70px; margin-right: 5px; padding: 0 }
.searchform input::placeholder { color: #8A9194 }
.searchform .icon-search { position: relative; background: rgba(255, 255, 255, 0); width: 16px; border: none; cursor: pointer }
.searchform .icon-search:hover:before { opacity: 0.7 }
.searchform .icon-search:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; font-family: "fontawesome"; font-size: 17px; color: #FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease }




/* Home banner */ 
.banner { min-height: 750px; padding-bottom: 150px; overflow: hidden; position: relative; display: flex ; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: top center; }
.banner::after {content: '';position: absolute;left: 0;right: 0;width: 100%;bottom: 0; top: 0;background: rgb(7 23 37 / 85%); display: block;}
.banner .text-box h1 {  text-transform: uppercase; line-height: 1.4; margin-bottom: 15px; }
.banner .ban-cnt-wrap { width: 100%; /* min-height: 100vh;  */display: flex; justify-content: center; align-items: center; text-align: center;  position: relative; z-index: 3;  }
.banner .text-box { max-width: 1000px; margin: auto; }
.diverse-logo { max-width: 250px; }
.banner > img { position: absolute; bottom: 5%; left: 0; width: 100%; object-fit: contain; z-index: 2; transform: rotate(-1deg); }
.banner svg { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 1;}
.banner .text-box h1, .banner .text-box p { color: var(--white);  }
.banner .text-box h1 strong{color: var(--light-blue) ;}
.banner .text-box p {font-size: 20px;}
.dot_pattern.left { position: absolute; z-index: 1; bottom: 15%; max-width: 280px; left: 20px; opacity: 0.7; }
/* Home banner */


.common-heading { margin: auto; margin-bottom: 50px; max-width: 1200px; }
.service-sec { background: linear-gradient(0deg, #f5faff 0%, white 100%); }
.service-box-wrapper { text-align: center; padding: 70px 30px; background: var(--white); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; height: calc(100% - 20px); margin-bottom: 20px;position: relative; overflow: hidden; }
.service-box-wrapper h5{margin-bottom: 15px;}
.service-icon { width: 80px; height: 80px; background: linear-gradient(149.67deg, #3780C3 0%, #005aab 94.77%); display: flex ; justify-content: center; align-items: center; border-radius: 8px; margin: auto auto 30px; position: relative; z-index: 1; }
.service-box-wrapper::before { content: ''; position: absolute; height: 115px; width: 130px; top: 7px; right: 9px; background-image: url(../images/dotted.png); background-repeat: no-repeat; background-size: 100%; opacity: 0.5; }
.plat-text-box { border: 2px solid var(--dark-blue); padding: 40px; border-radius: 30px; overflow: hidden; background-color: var(--white); position: relative; }
.plat-text-box img { position: absolute; left: 0; bottom: 0; transform: rotate(90deg); }



.diversified-sec {position: relative; margin-bottom: 40px; /* height: 36vw; */ background-color: #fff;  display: flex; align-items: center; justify-content: center; /* min-height: 550px; */}
.diversified-sec svg.top_curve { position: absolute; top: -30px; left: 0; width: 100%; height: auto; z-index: 1;  }
.diversified-sec svg.bottom_curve { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 1;  }
.process_curve_element{position: absolute; top: 0%; width: 100%; z-index: 1; display: none;}
.process_curve_element img, .process_curve_element2 img, .big-logo-home img, .big-diverse-logo img{width: 100%;}
.process_curve_element2{position: absolute; bottom: 0%; width: 100%; z-index: 1; display: none;}
.diversified-cnt h3{/* font-size: 60px; */ font-size: clamp(2.5rem, 2.2115rem + 1.2821vw, 3.75rem); font-weight: 300; margin-bottom: 0;}
.big-logo-home{max-width: 875px; margin: 0 auto;}
.big-diverse-logo{max-width: 845px; margin: 0 auto;}
.big-logo-home-white{max-width: 645px; margin: 0 auto;}



.core-value-sec { position: relative; /* overflow: hidden; */ z-index: 1;}
.core-value-text h2 { margin-bottom: 50px; }
.core-value-text ul li { position: relative; padding: 20px 25px 20px 75px; font-size: 16px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); border-radius: 20px; }
.core-value-text ul li:not(:last-child) { margin-bottom: 10px; }
.core-value-text ul li span { font-weight: 700; }
.core-value-text ul li::after { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 25px; background: linear-gradient(149.67deg, #3780C3 0%, #005aab 94.77%); content: ""; font-family: "fontawesome"; font-size: 16px; border-radius: 50px; width: 34px; height: 34px; color: #FFF; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex ; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center;}
.core-value-text ul { padding-right: 120px; }
.core-img-box { width: 100%; height: 530px; padding-bottom: 25px;   border-radius: 0px 100px 0px 100px; -webkit-border-radius: 0px 100px 0px 100px; -moz-border-radius: 0px 100px 0px 100px; -ms-border-radius: 0px 100px 0px 100px; -o-border-radius: 0px 100px 0px 100px; position: relative; z-index: 1;}
.img-box{ position: relative; overflow: hidden; width: 100%; height: 100%;}
.img-box img{width: 100%; height: 100%; object-fit: cover; border-radius: 0px 85px;}
.core-img-box:before { content: ""; left: -25px; bottom: 0; width: 100%; height: 100%; background: #005aab; position: absolute; border-radius: 0px 100px; z-index: -1; }



.our-promise-sec {position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; padding: 100px 0 100px; margin-bottom: 200px; height: 36vw;  display: flex; align-items: center; justify-content: center; min-height: 550px;}
.our-promise-sec svg.top_curve { position: absolute; top: -60px; left: 0; width: 100%; height: auto; z-index: 1;  }
.our-promise-sec svg.bottom_curve { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 1;  }
.our-promise-sec::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #06212fe0; }
.our-promise-sec .common-heading { position: relative; z-index: 1; }
.our-promise-sec .common-heading.text-center h2, .our-promise-sec .common-heading.text-center p { color: var(--white); }
.our-promise-sec .common-heading.text-center p {margin-bottom: 50px;}
.process_curve_element{position: absolute; top: 6%; width: 100%; z-index: 1;}
.process_curve_element img{width: 100%;}


/*for footer css*/
footer.footer-sec { background-color: #001c24; position: relative; z-index: 2;}
footer.footer-sec>img { position: absolute; z-index: 1; bottom: 0; width: 100%; height: auto; }
.footer_curve{position: absolute; top: -35%; left: 0; width: 100%; height: auto; z-index: -1; transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); }
.footer_curve_element{position: absolute; top: -33%; width: 100%;}
.footer_curve_element img{width: 100%;}
footer.footer-sec .footer-logo img { filter: brightness(0) invert(1); }
footer.footer-sec  .footer-main-wrapper { padding: 0;  position: relative;}
footer.footer-sec .footer-logo { max-width: 330px;  margin-bottom: 20px; }
footer.footer-sec .footer-main-wrapper .container {border-bottom: 1px solid #3c484c;}


footer.footer-sec .footer-menu-list ul { display: flex ; justify-content: flex-end; align-items: center; margin-bottom: 0; }
footer.footer-sec .footer-menu-list ul li:not(:last-child) { margin-right: 50px; }
footer.footer-sec .footer-menu-list ul li a{color: var(--white); text-transform: capitalize; font-size: 15px;}
footer.footer-sec .footer-menu-list ul li a:hover{color: var(--light-blue);}
.diverse-logo-footer img{width: 100%;}


footer.footer-sec .contact-menu-list ul {  display: flex ; justify-content: space-between; margin-bottom: 0;  align-items: center; }
footer.footer-sec .contact-menu-list ul li{ color: #81898D; font-size: 14px; font-weight: 400; width: 25%; text-align: left; }
footer.footer-sec .contact-menu-list ul li a{color: #81898D; font-size: 14px; font-weight: 400;  }
footer.footer-sec .contact-menu-list ul li span { margin-right: 0; color: #81898D; font-size: 14px; font-weight: 400; }
footer.footer-sec .contact-menu-list li:not(:last-child) {padding-left: 10px; padding-right: 10px; }
.contact-menu-list { flex: 1;  }


footer.footer-sec .copy-right { padding: 30px 0; }
footer.footer-sec .copy-right-wrapper p{margin-bottom: 0; color: #81898D; font-size: 14px; font-weight: 400;}
footer.footer-sec .copy-right-wrapper ul { display: flex ; align-items: center; }
footer.footer-sec .copy-right-wrapper ul li:not(:last-child) { margin-right: 50px; }
footer.footer-sec .copy-right-wrapper ul li, footer.footer-sec .copy-right-wrapper ul li a {color: #727272; font-size: 14px; font-weight: 300;}
footer.footer-sec .copy-right-wrapper ul li a:hover { color: var(--light-blue);}
.copy-right-wrapper { padding-right: 15px; text-align: left;}
/*for footer css*/



/* innerpage banner */

.innerbanner { min-height: 250px; position: relative; display: flex ;  align-items: center; justify-content: center; z-index: 1; background-size: cover; background-repeat: no-repeat;  background-position: center center; }
.innerbanner h1{font-size: clamp(1.875rem, 1.6587rem + 0.9615vw, 2.8125rem); /* 45px */ margin-bottom: 0; color: var(--white); }
.innerbanner:after {content: '';position: absolute;left: 0;right: 0;width: 100%;bottom: 0; top: 0;background: rgb(7 23 37 / 10%); display: block; z-index: -1;}



.imageabout { border-radius: 100px 0; margin-left: 0; margin-right: 25px; position: relative; z-index: 1;     height: 480px;}
.imageabout img{border-radius: 85px 0; height: 100%; object-fit: cover;     width: 100%;}
.imageabout:before { content: ""; left: 0; right: -25px; bottom: -22px; width: auto; height: 100%; background: var(--primary-color); position: absolute; border-radius: 100px 0; z-index: -1; }
.about-info { padding-left: 45px; }

.digitalprint-block { } 
.digitalprint-image { padding: 0 0 100%; position: relative; } 
.digitalprint-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; right: 0; bottom: 0; }
.digitalprint-details { padding: 30px 15px; border: 1px solid #FFF; border-top: 0; border-radius: 0 0 21px 21px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 100%; }
.digitalprint-details h3 { margin-bottom: 8px; }
.digitalprint-details h4 { margin: 0 0 30px; color: var(--text-color); text-align: center; }
.image_w_info .digitalprint-image{border-radius: 40px 0px; height: 255px; margin-bottom: 25px; padding: 0;}
.image_w_info .digitalprint-image:before{content: ""; display: block; background-color: var(--dark-blue); position: absolute; right: -15px; bottom: -15px; border-radius: 40px 0px; width: 100%; height: 100%; z-index: -1;}
.image_w_info .digitalprint-image img{border-radius: 40px 0;}



.digital_impression { margin-top: 100px }
.digital_impression .box { padding: 65px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); border-radius: 100px 0; text-align: center; position: relative; background: #FFF; position: relative }
.digital_impression .box:before { position: absolute; width: 100%; height: 100%; bottom: -10px; right: -10px; background: var(--dark-blue); content: ""; z-index: -1; border-radius: 100px 0 }
.digital_impression .box:after { position: absolute; content: url(../images/bottom-bg-2.png); bottom: 0; right: 0 }
.digital_impression .box .content { position: relative }
.digital_impression .box .content:before { position: absolute; content: url(../images/bottom-bg-1.png); left: 40px; top: -70px }


.digitalvideo-sec .video-container { position: relative; padding-top: 0; /* height: 100%; overflow: hidden; aspect-ratio: 5 / 2.8; */ max-width: 400px; margin: 0 auto;}
.digitalvideo-sec video, .digitalvideo-sec object, .digitalvideo-sec embed { /* position: absolute; top: 0; left: 0; */ width: 100%; /* height: 100%; object-fit: cover; */ }
.digital_impression .box .content h2 { margin-bottom: 15px; }
.digitalprint-details ul li { font-weight: 300; font-size: 16px; position: relative; padding-left: 25px; margin-bottom: 20px }
.digitalprint-details ul li:before { position: absolute; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 50px; background: var(--dark-blue); content: "" }
.platemaking_sec .container { border-bottom: 1px solid #D9D9D9; }
.postid-51 .platemaking_sec .container{border-bottom: none;}


.contact_info_sec .service-box-wrapper a{color: var(--dark-text);}
strong{font-weight: 700;}
.big-logo-contact{max-width: 555px; margin: 0 auto;}
.contact_info_sec .service-box-wrapper p{margin-bottom: 5px;}
.big-logo-contact a{display: block;}






 
/*Media Query css*/

@media (min-width: 992px) {
  .g-lg-5, .gx-lg-5 {
      --bs-gutter-x: 2.5rem;
  }
}

@media only screen and ( min-width:1366px ) {

  .container { max-width: 1320px !important;}

}


@media only screen and ( min-width:2000px ) {

  .banner > img { bottom: 7%; }
  .process_curve_element { top: 4%;}
  .footer_curve { top: -50%;}
  .footer_curve_element { top: -50%;}
  .our-promise-sec svg.top_curve { top: -90px;}
  .diversified-sec svg.top_curve { top: -60px;}
}
 
@media only screen and ( max-width:1699px ) { 
  .banner .text-box { max-width: 860px;  }
  .dot_pattern.left { bottom: 6%; max-width: 220px; left: 15px;}
  .banner { min-height: 620px;}
} 

@media only screen and ( max-width:1601px ) {  
  .diversified-cnt h3{/* font-size: 60px; */  }
  .big-logo-home{max-width: 675px;}
  .big-diverse-logo{max-width: 645px; }
  .dot_pattern.left { bottom: 5%; max-width: 190px; left: 10px;}
  .banner > img { bottom: 6%; }
  .process_curve_element { top: 5%; }
  .banner { min-height: 679px; }

}
@media only screen and ( max-width:1440px ) {
  /* .big-logo-home-white { max-width: 530px; } */
  .banner { min-height: 730px; }

 }
 
@media only screen and ( max-width:1399px ) { 

  .banner .text-box { max-width: 740px; }
  .our-promise-sec svg.top_curve { top: -39px; }
  .core-value-text ul li::after{width: 30px; height: 30px;}
}

@media only screen and ( max-width:1280px) {

 }

@media only screen and ( max-width: 1199px ) { 
  h1,h2,h3,h4,h5,h6{margin-bottom: 20px;}
  .common-heading{margin-bottom: 25px;}
	 	  /*  ===========mobile nav==========  */  
       .hamburger-nav { display: inline-block; margin-left: 0px; transform: scale(1); }
       .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
       .mobile-menu-container{display: block;}     
       .header-section .right-panel{ -ms-flex-pack: end!important; justify-content: flex-end!important; }
       .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
       .mobile-menu ul li { padding: 0; }
       .mobile-menu ul li a,
       .mobile-menu ul li { font-size: 20px; color: var(--dark-blue);  text-align: center;  font-weight: 800; text-transform: uppercase;} 
       .mobile-menu ul li a:hover{color: var(--dark-blue);}
   
       .mobile-menu ul li ul.sub-menu li {margin: 11px 0;padding: 0 20px;}  
       .mobile_menu_btn{margin-top: 30px;}
       .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
       .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
       .mobile_menu_btn a.plbig{margin-right: 15px;}
       .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
       .mobile-menu ul li span {margin-left: 10px; }
       .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
       .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 15px; }
       .mobile-menu ul li a { padding: 5px 0; font-family: "Barlow Condensed", sans-serif; }
        
       header .mobile-menu ul { max-width: 390px; margin: 0 auto; padding-top: 80px; }
       header span.dropdown-icon-menu.active::before { transform: rotate(227deg); top: 17px } 
       header span.dropdown-icon-menu::before { content: ""; position: absolute; top: 12px; right: calc(50% - 6px); box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: var(--dark-blue); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
       header span.dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: -2px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex; justify-content: center; align-items: center }
       .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out; box-shadow: 0 0 15px #00000021; border-radius: 10px; margin-top: 20px; padding-bottom: 20px;}
       .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 300px;}
       .main-header { max-width: 100%; padding: 0; } 
       .main-header .hdr-rt.hdr-lt { gap: 10px; }
       .mobile-menu ul li.menu-item-has-children > a{padding-right: 0;} 
    
    
       /*  ===========mobile nav==========  */

       header .top-header .left .item { padding-right: 15px; margin-right: 15px; padding-left: 25px;}
       .searchform { padding: 0 0 0 15px;}
       header .top-header .left .item a { font-size: 13px;}
       .banner { min-height: 700px;}
       .our-promise-sec svg.top_curve {  top: -20px;}
       .diversified-sec svg.top_curve { top: -12px;}
       .bottom-header { padding: 11px 0; }
       .main-header.fixed .bottom-header { padding: 5px 0px; }
       .big-logo-home-white, .big-logo-home { max-width: 375px; }
       .banner .text-box h1 { font-size: 51px; }
       .diversified-cnt h3 { font-size: 40px; }
       .big-diverse-logo { max-width: 530px; }
       .diversified-cnt h3 { font-size: 38px; }
       .core-value-text ul { padding-right: 40px; }
       .core-img-box:before { left: -17px; bottom: 10px; width: 100%; height: 90%; }
       .service-icon { width: 65px; height: 65px; padding: 16px; }
       .service-box-wrapper { padding: 30px 30px; }
       .container { max-width: 96%; }
       
      

}

@media (max-width: 1024px) {
  h1 { font-size:55px }
  h2 { font-size:38px }
  main { padding-top: 215px; }
  .main-header.fixed { transform: translateY(-118px);}
  header .top-header .left .item { border:none; margin-right: 0; padding-right: 0; }
  header .top-header .left { flex-direction:column; align-items: self-start; }
  header .top-header .left .second-logo { margin:5px 0; }
  header .top-header .right {  align-items: self-start; margin-right: 25px }
  .searchform { border-left:none }
  .digital_impression { margin-top:50px }
  .service-sec .row .col-lg-4.col-md-6 { width: 50%; }
  section.image_w_info.platemaking_sec .col-lg-4.col-md-6 { width: 50%; }
section.image_w_info.platemaking_sec .row.justify-content-center { justify-content: flex-start !important; }
.image_w_info .row.justify-content-center { justify-content: flex-start !important; }
.image_w_info .row.justify-content-center .col-lg-4.col-md-4 { width: 50%; }
}

@media only screen and ( max-width: 991px ) {  

  h1 { font-size:45px }
  h2 { font-size:30px }
  .core-value-sec .row .col-lg-7 { margin-top: 30px; }
  .core-value-sec .row { flex-direction: column-reverse; }
  .core-img-box { max-width: 500px; margin: 0 auto; }
  .core-value-text h2 { margin-bottom: 25px; }
  footer.footer-sec .footer-logo { max-width: 330px; margin: 0 auto 20px; }
  footer.footer-sec .footer-menu-list ul{justify-content: center;}
  .footer-menu-list{padding-bottom: 20px;}
  footer.footer-sec .contact-menu-list ul{flex-direction: column;justify-content: center;}
  footer.footer-sec .contact-menu-list ul li{padding-left: 0px;padding-right: 0px;padding-bottom: 10px;width: 100%;text-align: center;}
  footer.footer-sec .contact-menu-list ul li p{text-align: center;}
  .footer_curve { top: -14%; }
  .hamburger-nav { transform: scale(0.7); }
  footer.footer-sec .contact-menu-list ul li .diverse-logo-footer { max-width: 200px; margin: 0 auto; }
.footer_curve_element { top: -12%; }
.our-promise-sec svg.top_curve { top: -26px; }
footer.footer-sec .footer-menu-list ul{flex-direction: column;}
footer.footer-sec .footer-menu-list ul li{margin: 0px !important;padding-bottom: 10px;}
.plat-text-box { padding: 20px; border-radius: 15px; }
.common-padd { padding-top: 50px; padding-bottom: 50px; }
.our-promise-sec{margin-bottom: 150px;}
.core-value-text ul { padding-right: 0px; }
.innerbanner h1{text-align: center;}
.about-info{padding-left: 0px;padding-top: 30px;}
.common-padd-top { padding-top: 30px; }
.innerbanner .container { max-width: 100%; }
.banner { min-height: 640px; }
}


@media only screen and (max-width: 767px) {
  header .top-header .sm-column { flex-direction:column; align-items: center; }
  header .top-header .left { align-items: center; }
  header .top-header .left .second-logo { display:none }
  .diversified-sec svg.top_curve { top: -5px;}
  .digital_impression .box { padding:20px }
  .digital_impression .box:before { bottom:-5px; right: -5px }
  .digital_impression .box .content:before { display:none }
  .big-logo-home-white, .big-logo-home { max-width: 450px; }
  .banner .text-box h1 { font-size: 40px; }
  .banner .text-box p { font-size: 16px; }
  .banner { min-height: 653px; padding-bottom: 80px;}
  .footer_curve { top: -11%; }
  .footer_curve_element { top: -9%; }
  .common-heading{margin-bottom: 25px;}
  .service-sec{padding-bottom: 0px !important;}
  .hamburger-nav { transform: inherit; width: 40px; flex: 0 0 auto; }
  .hamburger-nav svg { width: 100%; height: 100%; }
  section.image_w_info.platemaking_sec .col-lg-4.col-md-6 { width: 100%; }
  .btn span { font-size: 14px; padding: 10px 15px; height: 34px; min-width: 124px; }
  section.digital_impression.common-padd-bottom.mb-7 { margin-bottom: 0px !important; }
  .image_w_info .row.justify-content-center .col-lg-4.col-md-4 { width: 100%; }
  .mt-6 { margin-top: 3rem; }
  .mb-5 { margin-bottom: 1rem !important; }
  .digitalprint-details{padding: 20px 0px;}
  .big-logo-contact { max-width: 350px; }
  .service-box-wrapper { padding: 20px 15px; }
  main { padding-top: 188px; }
  .main-header.fixed { transform: translateY(-104px); }
  .dot_pattern.left { bottom: 5%; max-width: 120px; left: 10px; }
}

@media only screen and (max-width: 600px) {
  h1 { font-size:35px }
  h2 { font-size:28px }
  .big-logo-home-white, .big-logo-home { max-width: 390px; }
  .big-diverse-logo { max-width: 400px; }
  .diversified-cnt h3 { font-size: 28px; }
  .diversified-sec { min-height: 420px; }
  .our-promise-sec { margin-bottom: 130px; min-height: 460px; }
  .our-promise-sec svg.top_curve { top: -6px; }
  .footer_curve_element { top: -8%; }
  footer.footer-sec{padding-top: 30px;}
  .footer_curve { top: -8%; }
  .btn span { padding: 14px 19px 11px; height: 49px; }
}
@media only screen and ( max-width: 480px ) { 
  h2 { font-size: 24px; }
  .service-sec .row .col-lg-4.col-md-6 { width: 100%; }
  .big-logo-home-white, .big-logo-home { max-width: 329px; }
  .banner .text-box h1 { font-size: 31px; }
  .banner { min-height: 520px; padding-bottom: 44px; }
  .big-logo-home-white, .big-logo-home { max-width: 280px; }
  .big-diverse-logo { max-width: 326px; }
  .diversified-cnt h3 { font-size: 24px; }
  .diversified-sec { min-height: 350px; }
  .core-img-box{height: 420px;}
  .core-img-box:before, .img-box img{border-radius: 0px 50px;}
  .core-value-text ul li { padding: 15px 15px 15px 48px; }
  .core-value-text ul li::after { width: 23px; height: 23px; left: 14px; }
  .main-header .logo { max-width: 160px;}
  .footer_curve { top: -6%; }
  .footer_curve_element { top: -5%; }
  footer.footer-sec .footer-logo { max-width: 250px; margin: 0 auto 20px; }
  .imageabout { border-radius: 50px 0; height: 300px; }
  .imageabout:before, .imageabout img{ border-radius: 50px 0;}
  .mt-6 { margin-top: 1rem; }
  .big-logo-contact { max-width: 290px; }
  main { padding-top: 166px; }
}


@media only screen and ( max-width: 414px ) { 

  .digital_impression { margin-top:30px ;}
  .digital_impression .box { border-radius:50px 0; }
  .digital_impression .box:before { border-radius:50px 0; }
  .digital_impression .box:after { display:none; }

  
}

@media only screen and ( max-width: 358px ) { 
 
}