* {
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:focus {
    -moz-outline-style: none;
    outline: none
}

input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}

input[type="file"] {
    cursor: pointer;
}

html body {
    font-weight: normal;
    overflow-x: hidden;
    background: #fff;
    padding: 0;
}
span.required {
    color: red!important;
}
*::selection {
    color: #fff;
    background: #3e71ff;
}

*::-moz-selection {
    color: #fff;
    background: #3e71ff;
}

*::-webkit-selection {
    color: #fff;
    background: #3e71ff;
}

*::-ms-selection {
    color: #fff;
    background: #3e71ff;
}

*::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
}

*:-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*::-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
}

a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}

*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body a {
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    outline: none !important;
}

body a:focus {
    outline: none !important;
}

body a:hover {
    color: #3e71ff;
    outline: none !important;
}

* {
    outline: none;
    list-style: none;
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul:after,
li:after,
.container:after {
    clear: both;
    display: block;
    content: "";
}

div input,
div select,
div textarea,
div button {
    font-weight: normal
}

input,
select,
textarea,
.site textarea {
    font-weight: normal;
    width: 100%;
    background: #fff;
}

body input[type="text"],
body input[type="email"],
body input[type="url"],
body input[type="password"],
body input[type="search"],
body input[type="number"],
body input[type="tel"],
body input[type="range"],
body input[type="date"],
body input[type="month"],
body input[type="week"],
body input[type="time"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="color"],
body textarea, select{
    background: #fff;
    height: 50px !important;
    line-height: normal;
    padding: 0 20px !important;
    text-align: left;
    width: 100% !important;
    margin: 0!important;
    box-shadow: none;
    margin: 0;
    border: 1px solid #ddd !important;
    color: #444!important;
    outline-offset: unset;
    max-width: 100% !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    outline: none !important;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}

html,
html body {
    overflow-x: hidden;
}

input::-moz-focus-inner,
button::-moz-focus-inner,
select::-moz-focus-inner,
option::-moz-focus-inner,
a::-moz-focus-inner,
button,
a {
    border: 0;
    outline: none;
}

body textarea,
.form-wrap.custom-msg textarea {
    resize: none;
    overflow: auto;
    height: 115px !important;
    padding-top: 15px !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-weight: normal;
    color: #000;
    margin: 0 0 15px;
     font-family: 'Lato', sans-serif;
}

body h1 {
    font-size: 24px;
}

body h2 {
    font-size: 22px;
}

body h3 {
    font-size: 18px;
}

body h4 {
    font-size: 16px;
}

body h5 {
    font-size: 12px;
}

body h6 {
    font-size: 10px;
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}

div select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    outline: none !important;
}

body p {
    color: #333;
    font-weight: normal;
    font-size: 18px;
    line-height: 170%;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
}

body p:empty, body h3:empty {
    margin: 0;
    line-height: 0;
}

body p:last-child {
    margin-bottom: 0;
}

form label em {
    color: #ff0000;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
}

iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.container {
    width: 100%;
    max-width: 1300px !important;
    margin: 0 auto !important;
    position: relative;
    float: none !important;
    padding: 0 15px !important;
    z-index: 1;
}

.container .container {
    padding: 0 0 !important;
}

body ul,
body li,
body ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    position: relative;
}

/*Default-CSS close*/
/*Gapping*/
.section-gapping {
    padding-top: 100px;
    padding-bottom: 100px;
}

/*Gapping close*/
/*error*/
ul {
    margin: 0;
    padding: 0;
}

a,
span,
b,
i {
    display: inline-block;
    vertical-align: top;
}



form div.wpcf7-validation-errors,
form div.wpcf7-mail-sent-ok {
    background-color: #fff;
    border: 1px solid;
    color: red;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3;
    margin: 10px 0 0;
    padding: 5px;
    text-align: center;
    width: 100%;
}

form div.wpcf7-mail-sent-ok {
    color: green;
}
/*back to top*/
.to-the-top {
    height: 50px;
    width: 50px;
    position: fixed;
    top: auto;
    right: 45px;
    left: auto;
    bottom: 98px;
    border-radius: 100%;
    font-family: fontawesome;
    line-height: 45px;
    text-align: center;
    color: #fff;
    z-index: 9999;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    scroll-behavior: smooth;
    font-size: 0;
    background: #2c4dc5 !important;
}
.to-the-top::before {
    content: "\f106";
    font-size: 36px;
    color: #fff;
}
.to-the-top:hover {
    background: #333 !important;
    cursor: pointer;
    opacity: 1;
    color: #fff;
}
.to-the-top .fa.fa-arrow-up {
    display: none;
}
/*back to top*/
/*element css*/
/*2021 element css*/
#main {
    padding: 0;
    margin: 0 !important;
}

body.wp-custom-logo .site-header {
    padding: 10px 0 10px;
    margin: 0;
    display: block;
    row-gap: unset;
    max-width: 100%;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
    z-index: 11;
    background: transparent;
}

body .widget-area {
    margin: 0;
    display: block;
    padding: 0;
    grid-auto-columns: unset;
    color: #fff;
    font-size: 0;
    font-weight: normal;
}

.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content> :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
[class*="inner-container"]> :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
    max-width: 100% !important;
    margin-bottom: 0;
    margin-top: 0;
}

body .site .button,
body input[type="submit"],
body input[type="reset"] {
    position: relative;
    line-height: 50px;
    background: #0029b9 !important;
    border-radius: 50px;
    font-weight: 600;
    padding: 0 29px 2px;
    transition: 0.5s all;
    color: #fff !important;
    font-size: 18px;
    text-align: center;
    border: 0;
    width: auto;
    text-decoration: none;
    outline: none !important;
    outline: none !important;
}

body .site .button:hover,
body input[type="submit"]:hover,
body input[type="reset"]:hover{
    background: #3e71ff !important;
    text-decoration: none;
}

body .wpb_button,
body .wpb_content_element,
body ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0;
}

body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none;
    text-decoration: none;
}

#main>article {
    margin: 0;
}

.site-content>#primary>#main>article>header {
    display: none;
}

body .vc_section {
    padding-left: 0;
    padding-right: 0;
}

header .site-branding {
    display: none;
}

/*2021 element css*/
#colophon.site-footer>*,
#colophon.site-footer .widget-area>* {
    margin-top: 0;
    margin-bottom: 0;
}

/***************************[[[[[[[[[[[[[[[[[[[[Homepage css]]]]]]]]]]]]]]]]]]]]************************************/


/*banner css*/
.main-title {
    font-size: 40px;
    line-height: 100%;
    margin: 0 0 13px 0;
    color: #333;
    text-align: center !important;
}

div.wpcf7 .ajax-loader,
div.wpcf7 .wpcf7-spinner {
    position: absolute;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    left: auto;
    right: -35px;
    top: -1px;
    bottom: 0;
    margin: auto !important;
}

.wpcf7-not-valid-tip {
    font-size: 15px;
    color: red;
    margin-top: 5px;
    line-height: 120%;
    line-height: 120%;
}

.wpcf7-form input:not([type="submit"]).wpcf7-not-valid,
.wpcf7-form .wpcf7-not-valid, form input.error, form textarea.error{
    border-color: red!important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    color: red;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    padding: 7px 15px;
    border: 1px solid red;
    margin: 15px 0 0 0;
}

body .wpcf7 form.sent .wpcf7-response-output {
    color: green;
    border-color: green;
}

.g-recaptcha>div>div {
    height: inherit;
}

body img {
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 100%;
    margin: auto !important;
    position: relative;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

body .vc_btn3-container.vc_btn3-inline {
    display: block;
}

/*label css*/
form div {
    position: relative;
}

form label {
    background-color: transparent;
    color: #666;
    border-radius: 4px;
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 16px;
    line-height: normal;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1;
    text-transform: none;
    pointer-events: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    font-weight: 300;
    margin: 0;
}

form div.input_focus label,
form div.value_focus label,
form p.input_focus label,
form p.value_focus label {
    -webkit-transform: scale(.75) translateY(-28px);
    -moz-transform: scale(.75) translateY(-28px);
    -ms-transform: scale(.75) translateY(-28px);
    -o-transform: scale(.75) translateY(-28px);
    transform: scale(.75) translateY(-35px);
    background-color: #9d5c32;
    border-radius: 4px;
    padding: 3px 6px;
    color: #fff !important;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    border: 1px solid #9d5c32;
    color: #fff;
    left: 18px !important;
}

/*label css*/
/********************header eelment**************************/
header .site-logo {
    margin: 0;
    line-height: 0;
    max-width: 168px;
    transition: 0.5s all;
}

header .site-logo a {
    display: block;
}

header .site-logo .custom-logo-link {
    max-width: 100%;
    display: block;
}

header .site-logo .custom-logo-link .custom-logo {
    max-height: 100%;
    max-width: 100%;
    display: block;
}

/*header nav*/
header .primary-navigation .primary-menu-container {
    margin: 0;
}

/*header nav*/
/* header css starts*/
#masthead>.container {
    max-width: 1300px !important;
    padding: 10px 15px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

header .primary-navigation .primary-menu-container>ul>.menu-item>a {
    margin: 0;
    padding: 0 20px 2px;
    text-decoration: none;
    font-size: 12px;
    color: #0029b9;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 15px;
    background: #edefff;
    border-radius: 50px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.20);
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Lato';
}

header .primary-navigation .primary-menu-container>ul>.menu-item>a:hover,
header .primary-navigation .primary-menu-container>ul>li.current-menu-item>a,
header .primary-navigation .primary-menu-container>ul>li.current_page_item>a {
    background: #0029b9;
    color: #fff;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none !important;
    text-decoration: none !important;
    text-decoration-skip-ink: none;
    background: transparent;
}
/* 26-02-2024 */
/* 
header .primary-navigation .primary-menu-container>ul>.menu-item {
    margin-left: 18px;
}
 */

header .primary-navigation .primary-menu-container>ul>.menu-item {
    margin-left: 9px;
}
/*sub menu css*/
header .primary-navigation .primary-menu-container>ul>.menu-item.menu-item-has-children>a {
    padding: 0 35px 0 24px;
}

.primary-navigation .primary-menu-container>ul>.menu-item>a+.sub-menu-toggle,
.footer-content-wraper ul .menu-item>a+.sub-menu-toggle {
    position: absolute;
    height: 13px;
    width: 11px;
    top: 15px;
    right: 16px;
    bottom: auto;
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-plus svg,
.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-minus svg,
.footer-content-wraper ul .menu-item>a+.sub-menu-toggle .icon-plus svg,
.footer-content-wraper ul .menu-item>a+.sub-menu-toggle .icon-minus svg {
    display: none;
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle>span,
.footer-content-wraper ul .menu-item>a+.sub-menu-toggle>span {
    height: inherit !important;
    width: inherit;
    position: relative;
    font-family: 'fontawesome';
    font-size: 17px;
    color: #0029b9;
    line-height: 16px;
}

body .primary-navigation>div>.menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
    transform: rotate(180deg);
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle>span::before,
.footer-content-wraper ul .menu-item>a+.sub-menu-toggle>span::before {
    content: "\f107";
}

header .primary-navigation>div>.menu-wrapper>li>.sub-menu,
.footer-content-wraper ul.menu li>.sub-menu {
    border: 0;
    margin: 21px 0 0 0;
    padding: 0;
    top: 90% !important;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    border-radius: 5px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    display: block !important;
}

.primary-navigation .primary-menu-container>ul>.menu-item>a+.sub-menu-toggle[aria-expanded="true"]+.sub-menu,
.footer-content-wraper ul.menu li>a+.sub-menu-toggle[aria-expanded="true"]+.sub-menu {
    transform: scaleY(1);
}

header .primary-navigation>div>.menu-wrapper>li>.sub-menu>li a,
.footer-content-wraper ul.menu li>.sub-menu>li a {
    background: #fff;
    border-bottom: 0;
    padding: 14px 20px;
    margin: 0;
    border-bottom: 1px solid #ccc;
}

header .primary-navigation>div>.menu-wrapper>li>.sub-menu>li:first-child a,
.footer-content-wraper ul.menu li>.sub-menu>li:first-child a {
    border-radius: 6px 6px 0 0;
}

header .primary-navigation>div>.menu-wrapper>li>.sub-menu>li:last-child a,
.footer-content-wraper ul.menu li>.sub-menu>li:last-child a {
    border-bottom: 0;
    border-radius: 0 0 6px 6px;
}

header .primary-navigation>div>.menu-wrapper>li>.sub-menu::before,
header .primary-navigation>div>.menu-wrapper>li>.sub-menu::after,
.footer-content-wraper ul.menu li>.sub-menu:before,
.footer-content-wraper ul.menu li>.sub-menu:after {
    border-bottom-color: #0029b9;
    border-width: 0 8px 10px 8px;
    top: -10px;
    left: 15px;
}

header .primary-navigation>div>.menu-wrapper>li>.sub-menu>li a:hover, body #masthead .primary-navigation .current-menu-item > a:first-child, #masthead .primary-navigation .current_page_item > a:first-child {
    background: #0029b9;
    color: #fff;
    text-decoration: none;
}

body .primary-navigation>div>.menu-wrapper>li>.sub-menu li {
    background: transparent;
}

.primary-navigation>div>.menu-wrapper>li>.sub-menu li>a,
.footer-content-wraper ul.menu li>.sub-menu li a {
    color: #040c21;
    padding: 0;
    font-size: 14px;
}

header .primary-navigation>div>.menu-wrapper>li>.sub-menu::after,
.footer-content-wraper ul.menu li>.sub-menu::after {
    content: "";
    position: absolute;
    top: -19px;
    right: 0;
    left: 0;
    bottom: auto;
    background: transparent;
    height: 19px;
    width: auto;
    border: 0;
    pointer-events: none;
}

.primary-navigation>div>.menu-wrapper a:hover+.sub-menu-toggle>span {
    color: #fff;
}

/*sub menu css*/

/* header css close*/
main#main section {
    margin: 0;
    position: relative;
}

/* banner */
section.welcome_sec {
    /*background: url(https://garonitpharma.com/wp-content/uploads/2023/05/home_banner_11zon.jpg) no-repeat;*/
    background-image:
            linear-gradient(45deg, 
              rgb(255 255 255 / 85%), 
              rgb(255 255 255 / 85%)), url(
'https://garonitpharma.com/wp-content/uploads/2023/05/home_banner_11zon.jpg');
    padding: 60px 0 190px;
    background-size: cover;
    position: relative;
}

.home header#masthead, .page-template-career-oppurtunity header#masthead {
    position: absolute;
    background: transparent;
}

.wlcm_block .satkon:hover,
.wlcm_block .satkon:focus {
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/hover-image.png) !important;
    color: #fff;
    background-size: 100% 100% !important;
}

section.welcome_sec::before {
    content: "";
    width: 100%;
    z-index: 0;
    height: 172px;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: rotate(180deg);
    bottom: auto;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00f2f2f2', GradientType=0);
    transform: rotate(0deg);
}

.welcome_sec .row {
    margin-left: -40px;
    margin-right: -40px;
}

.welcome_sec .row>div {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}

.wlcm_block {
    width: 100%;
    display: flex;
    height: 100%;
    margin: -39px 0 0;
    align-items: baseline;
    padding: 20px 0 0 0;
    position: relative;
}

.wlcm_block .img1 {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -100px;
    top: 0;
}

.wlcm_block .satkon {
    flex: 0 0 282px;
    width: 282px;
    min-height: 318px;
    font-size: 22px;
    /*color: #0029b9;*/
    height: 318px;
    color: transparent;
    text-shadow: 0px -1px 1px rgb(0 41 185), 0 0 0 #000a, 0px 1px 0px #fefefe;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    padding: 30px;
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/wel_satkon.png) no-repeat center center !important;
    background-size: 100% 100% !important;
    position: relative;
    z-index: 5;
}

.wlcm_block .detail {
    margin: 0 0;
    width: 100%;
    padding: 14px 15px 34px 15px;
}

.wlcm_block.wlcm_block1 p{
    text-align:center;
}
.wlcm_block2 .detail {
    padding: 0px 35px 0px 26px;
}

/*.wlcm_block p {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    font-size: 22px;*/
/*    line-height: 24px;*/
/*    color: #636466;*/
/*}*/

.wlcm_block p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 26px;
    color: #636466;
    text-align: left;
}

.wlcm_block p b {
    font-weight: 600;
}

.wlcm_block p br {
    display: none;
}

.wlcm_block:before {
    content: "";
    width: 100%;
    height: 2px;
    background: #8a8a8c;
    position: absolute;
    right: 0;
    top: 110px;
    margin: auto;
    bottom: auto;
}

.wlcm_block.wlcm_block1:before,
.wlcm_block.wlcm_block2:before {
    content: "";
    width: 100%;
    height: 2px;
    background: #8a8a8c;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 227px;
    margin: auto;
}

.wlcm_block:after,
.wlcm_block3 .detail::before {
    content: "";
    width: 30px;
    height: 30px;
    background: #0029b9;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 94px;
    bottom: auto;
}

.wlcm_block.wlcm_block1:after {
    content: "";
    width: 30px;
    height: 30px;
    background: #0029b9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 213px;
    top: auto;
}

.wlcm_block.wlcm_block2:after {
    left: 0;
}

.wlcm_logo {
    margin: 15px 0 -25px 0;
    padding: 0;
    display: inline-block;
}

.wlcm_block.wlcm_block1 {
    max-width: 977px;
    margin: 0 auto 0;
    padding: 0;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.wlcm_block.wlcm_block3 .satkon_out {
    width: 100%;
    max-width: 282px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.wlcm_block.wlcm_block3 .img2 {
    width: 124px;
    margin: 0 40px 0 0;
    position: absolute;
    right: 100%;
    top: 72px;
}

.wlcm_block.wlcm_block1 .satkon {
    margin: 0 auto;
}

.wlcm_block.wlcm_block3 .img3 {
    width: 124px;
    margin: 0 0 0 40px;
    position: absolute;
    left: 100%;
    top: 72px;
}

.wlcm_block.wlcm_block3 .curve {
    margin: -100px 0 0 0;
}

.wlcm_block.wlcm_block3 .curve span:after {
    content: "";
    width: 30px;
    height: 30px;
    background: #0029b9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.wlcm_block.wlcm_block3 .detail {
    width: 100%;
    max-width: 377px;
    position: relative;
    margin: 0;
    padding: 0 30px 0px 37px;
}

.welcome_sec .row>div.col-lg-6:first-child {
    width: 100%;
}

.wlcm_block.wlcm_block2 {
    flex-direction: row-reverse;
}

.wlcm_block p b {
    display: inline;
}

.wlcm_block3 .detail::before {
    left: auto;
    top: -340px;
    bottom: auto;
    right: 147px;
}

section.welcome_sec .col-lg-6:first-child::before,
section.welcome_sec .col-lg-6:first-child::after,
section.welcome_sec .col-lg-6:last-child::before {
    content: '';
    display: block;
    width: 132px;
    height: 145px;
    left: calc(50% - 24%);
    right: auto;
    top: auto;
    bottom: 38px;
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/sprite.png) no-repeat top center;
    position: absolute;
}

section.welcome_sec .col-lg-6:first-child::after {
    bottom: 36px;
    top: auto;
    right: calc(50% - 24%);
    left: auto;
    background-position: -2px -194px;
}

section.welcome_sec .col-lg-6:last-child::before {
    right: auto;
    left: -64px;
    background-position: -2px -388px;
    bottom: -92px;
    top: auto;
}

.wlcm_block.wlcm_block2:before {
    bottom: auto;
    top: 110px;
}

section.welcome_sec:after {
    content: "";
    width: 100%;
    z-index: 0;
    height: 172px;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: auto;
    transform: rotate(180deg);
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00f2f2f2', GradientType=0);
}

/* ==== */
.wel_cap {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: right;
    z-index: 5;
}

.wel_cap .info_links {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wel_cap .info_links a {
    width: 63px;
    height: 63px;
    background: #0029b9!important;
    border-radius: 50%;
    text-align: center;
    font-size: 35px;
    color: #fff;
    display: flex;
    position: relative;
    z-index: 5;
    margin-left: 10px;
    justify-content: center;
    align-items: center;
}

.wel_cap .info_links a:hover {
    background: #3e71ff!important;
}

/* ====about-us-section */

.btns, body footer#colophon form .wpforms-submit, a.comment-reply-link, body #content input#submit {
    padding: 0px 28px 0px 28px;
    margin: 0;
    display: inline-block;
    font-size: 18px;
    color: #ffffff!important;
    font-family: 'Lato';
    font-weight: bold;
    background: #000872!important;
    border-radius: 30px;
    line-height: 50px;
    height: auto;
    border: 0;
}

.about_sec .row {
    position: relative;
    z-index: 1;
}

.btns:hover, .btns:focus, body footer#colophon form .wpforms-submit:hover, form #wpforms-submit-202:focus, a.comment-reply-link:focus, a.comment-reply-link:hover, body .comment-meta .comment-metadata .edit-link a:hover {
    color: #fff;
    background: #56b4ff !important;
}

.about_sec {
    padding-top: 40px;
}

.about_sec figure {
    width: 100%;
    float: left;
    margin: -100px 0 0 0;
    padding: 0;
    position: relative;
}


.inner_title {
    margin: 0 0 25px 0;
    padding: 0;
}



.inner_title span:before {
    content: "";
    width: 100%;
    height: 8px;
    background: #3e71ff;
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 5;
}

.inner_title span {
    font-size: 35px;
    position: relative;
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: uppercase;
    /* background: -webkit-linear-gradient(270deg, #9b9c9f 100%, transparent 100%), -webkit-repeating-linear-gradient(90deg, transparent, transparent 99%, white 100%, white 100%); */
    background-clip: text;
    line-height: 160%;
    /* -webkit-background-clip: text; */
    color: rgb(0 41 185);
    text-shadow: 0 0;
}

.about_sec .right-col {
    padding: 0;
    padding-right: 40px;
    width: 55%;
}

.about_sec .right-col p {
    text-align: justify;
}

.about_sec .left-col {
    width: 45%;
}

.page-template-about-common .about_sec .row {
    display: block;
}

/* ====product-item==== */

.section-padding {
    padding: 80px 0;
}

section.team-sec,
section.csr_sec,
.accreditations_sec {
    background: #F8F8FD;
}

.product-item {
    background: #f2f2f9;
    padding: 40px 16px;
    border-radius: 18px;
    width: 100%;
    transition: all 0.5s ease;
}

.product-item h2.title {
    font-size: 22px;
    font-weight: bold;
}

.product-item:hover, a.product-item:focus {
    background: #0029b9 !important;
    transition: all 0.5s ease;
}

.product-item:hover h2 {
    color: #fff;
}


/* ====== */
.custumer {
    padding: 10px;
    border: 1px solid #d3cece;
    border-radius: 10px;
    transition: all 0.5s;
}

section.coustumer-sec .custumer:hover {
    border-color: #0029b9;
    transition: all 0.5s;
}

section.coustumer-sec .owl-carousel .owl-stage-outer {
    padding: 0;
}

section.coustumer-sec .owl-carousel .owl-nav {
    display: none;
}

section.coustumer-sec button.owl-dot {
    width: 15px;
    height: 15px;
    box-shadow: #3e71ff59 0 0 0 4px;
    margin: 0 10px;
    border-radius: 100px;
    background-color: #6189f7 !important;
}

section.coustumer-sec .owl-dots {
    line-height: 100%;
    text-align: center;
    margin: 40px 0 0;
}

section.coustumer-sec button.owl-dot.active {
    background-color: #0029b9 !important;
}

.team-image {
    height: 230px;
    margin: 0 auto;
}

.team {
    text-align: center;
    padding: 20px;
    box-shadow: rgba(0 0 0 /13%) 0 0 20px;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    transition: all 0.5s;
}


.team h2 {
    font-size: 25px;
    margin: 20px 0 9px;
    font-weight: 600;
}

.team p {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.team:hover {
    transform: scale(1.1);
    transition: all 0.5s;
}
.team-slide .owl-stage-outer {
    padding: 30px;
    
}
.team-slide .owl-item.active, .team-slide .owl-item.cloned.active {
    opacity: 1;
    visibility: visible;
}
.team-slide .owl-nav{
display:block!important;
}
.team-slide .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #a7b7f2!important;
    width: 30px;
    border-radius: 100%;
    line-height: 30px;
    height: 30px;
}
.team-slide .owl-nav button.owl-prev{
left:-50px;
right:auto;
}
.team-slide .owl-nav button.owl-next {
    right: -50px;
    left: auto;
}
.team-slide span {
    line-height: 100%;
    font-size: 24px;
    color: #fff;
}
/* =====footer=== */
footer#colophon {
    max-width: 100%;
    margin: 0 auto;
    padding: 80px 0 10px;
    position: relative;
    background: #000872;
}

aside.widget-area.footer-widget {
    display: grid;
    grid-template-columns: 20% 20% 25% 25%;
    grid-gap: 0 40px;
    margin: 0 !important;
    max-width: 100%;
}

section#block-14 {
    order: 4;
}

section#block-11 {
    order: 1;
}

section#block-12 {
    order: 2;
}

section#block-13 {
    order: 3;
}

aside.widget-area.footer-widget::after {
    display: none;
}

body footer .menu li a {
    display: inline;
    line-height: 100%;
    font-size: 16px;
    font-family: 'Lato';
    text-decoration: none;
    color: #fff !important;
    padding-left: 20px;
    position: relative;
}

aside.widget-area.footer-widget ul li {
    margin: 0 0 18px;
}

.footer-info-contact i {
    font-size: 16px;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 32px;
    background: #3e71ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-info-contact .wrap {
    padding-left: 55px;
}

.footer-info-contact {
    position: relative;
    margin: 0 0 24px !important;
}

.footer-info-contact .wrap a {
    font-size: 16px;
    text-decoration: none;
    line-height: 100%;
}

.footer-info-contact .wrap span,
.footer-info-contact .wrap p,
.footer-info-contact .wrap a {
    color: #fff !important;
}

.footer-info-contact .wrap h3 {
    font-size: 18px;
    color: #fff;
    margin: 0 0 10px;
    line-height: 100%;
    font-weight: 600;
}

footer h2.wp-block-heading,
footer h2.widgettitle {
    font-size: 22px;
    margin: 0 0 34px !important;
    line-height: 100%;
    color: #fff;
}

body footer .menu li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #3e71ff;
    border-radius: 100%;
}

.form-news .wpforms-form, .newlater-form  {
    background: transparent;
    padding: 20px 20px 20px;
    border-radius: 10px;
    border: 2px dashed #4373f961;
    width: auto;
    display: table;
}
.newlater-form  .submit-button-area p {
    text-align: center;
	position:relative;
	width:auto;
	display:table;
	margin:0 auto;
}
form .wpforms-submit-container {
    text-align: center;
    padding: 0 !important;
}

.footer-widget p {
    font-size: 16px;
    line-height: 140%;
}

.form-news .wpforms-form label, .newlater-form  label {
    color: #fff !important;
    font-size: 18px !important;
    margin-bottom: 15px;
    position: static;
    font-weight: bold;
}


body footer#colophon a:hover {
    color: #3e71ff !important;
}

body footer#colophon form .wpforms-submit, .newlater-form .wpcf7-submit  {
    background: #3e71ff!important;
    margin:10px 0 0;
}

body .mobile-view {
    display: none;
}

body .desktop-view {
    display: block;
}

/* ===about-page=== */
.inner_banner.about_banner img {
    height: 600px !important;
    object-fit: cover;
    object-position: center;
    width: 100% !important;
    position: inherit;
}

.inner_banner .cap_info {
    width: 100%;
    margin: 0;
    padding: 30px 0 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
}

.cap_info .boxes a {
    height: 200px;
    width: 183px;
    display: flex;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 100%;
    justify-content: center;
    align-items: center;
     font-family: 'Lato', sans-serif;
    flex-wrap: wrap;
    color: #0029b9;
    font-weight: 900;
        background: url(https://garonitpharma.com/wp-content/uploads/2023/05/wel_satkon.png) no-repeat!important;
    background-size: 100% 100%!important;
}

.cap_info .boxes a span {
    display: block !important;
    width: 100%;
    font-size: 20px;
    line-height: 110%;
    font-weight: 900;
     font-family: 'Lato', sans-serif;
}

.cap_info .boxes a:hover {
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/hover-image.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.inner_banner.about_banner .item::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: #0000007a;
    z-index: 0;
}

.page-template-about-common .about_sec figure::before {
    content: '';
    width: 60%;
    height: 60%;
    z-index: 0;
    background: #0029b9;
    position: absolute;
    top: auto;
    left: -15px;
    top: -16px;
    right: auto;
    border-radius: 11px 0 0 0px;
}



.page-template-about-common .about_sec .col-xl-6:nth-child(2) {
    padding: 0;
    width: 100%;
    float: none;
}

.page-template-about-common .about_sec .col-xl-6:nth-child(1) {
    width: 49%;
    float: left;
    margin: 0 32px 0px 0;
}

.page-template-about-common .about_sec .inner_title {
    clear: none;
}

.about_sec figure img {
    border-radius: 10px;
}

section.about_sec>.container::after,
section.coustumer-sec .container::before {
    content: '';
    top: -64px;
    width: 300px;
    right: 0;
    right: -205px;
    transform: scaleX(-1);
    left: auto;
    height: 283px;
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/Layer-1-1.png) no-repeat;
    background-size: 100%;
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

section.coustumer-sec .container::before {
    left: -300px;
    right: auto;
    transform: none;
}

.home section.about_sec .container::before,
.accredis_sec .container::before {
    content: "";
    /* background: #F2F2F9; */
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/service-bg.png) no-repeat scroll 0 0 transparent;
    position: absolute;
    top: -160px;
    /* left: -135px; */
    height: 970px;
    width: 900px;
    border-radius: 100%;
    left: -460px;
    z-index: -1;
    content: '';
}



/*telgri section css*/
.telegiri-section .telegiri-common {
    padding: 73px 58px 73px 110px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.telegiri-section .telegiri-common>[class*="wrap-"] {
    width: 50%;
}

/*
.telegiri-section .telegiri-common::after {
    clear: both;
    content: "";
    display: block;
}*/
.telegiri-section .telegiri-common::after {
    clear: both;
    content: "";
    display: block;
    /*border-bottom: 4px dashed #3642e7;
    padding: 45px;
    max-width: 878px;
    margin: 0 auto;*/
}

.telegiri-section .telegiri-common .wrap-1 {
    padding: 0;
    padding: 0;
}

.telegiri-section .telegiri-common .img-wrap img {
    display: block;
    margin: 0 auto;
    height: auto;
    width: auto;
}

.telegiri-section .content-wrap {
    position: relative;
}

.telegiri-section .content-wrap span {
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 65px;
    border-radius: 50%;
    border: 7px solid #0029b9;
    font-size: 20px;
    background-color: #fff;
    color: #0029b9;
    z-index: 9;
    font-weight: 900;
    text-align: center;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .4);
    position: absolute;
    top: -134px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.telegiri-section .content-wrap span:before {
    content: "";
    border-left: 15px solid #0029b9;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    bottom: -42px;
    right: 0;
    left: 0;
    transform: rotate(90deg);
}

.telegiri-section .content-wrap p {
    font-size: 18px;
    text-align: center;
}

.telegiri-section .telegiri-common::before,
.telegiri-section .telegiri-common.telegiri-div-1::after,
.telegiri-section .telegiri-common.telegiri-div-5 .wrap-1::after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background-color: #3e71ff;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 1px #cbc6d3;
    border: 3px solid #fff;
    z-index: 1;
    right: auto;
    bottom: auto;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.telegiri-section .telegiri-common:nth-child(2n)::before {
    right: 0;
    left: auto;
}

.telegiri-section .telegiri-common.telegiri-div-1 .wrap-1::before,
.telegiri-section .telegiri-common.telegiri-div-1 .wrap-1::after {
    position: absolute;
    content: "";
    border: 4px dashed #918f8f;
    top: 50%;
    bottom: -4px;
    left: 6px;
    border-radius: 0px 250px 0;
    width: 274px;
    border-right: 0;
    border-top: 0;
}

.telegiri-section .telegiri-common.telegiri-div-2 .wrap-1::before,
.telegiri-section .telegiri-common.telegiri-div-4 .wrap-1::before {
    position: absolute;
    content: "";
    border: 4px dashed #918f8f;
    height: auto;
    top: 0;
    bottom: -4px;
    left: auto;
    border-radius: 0 270px 270px 0;
    width: 78%;
    border-left: 0;
    right: 8px;
}

.telegiri-section .telegiri-common.telegiri-div-3 .wrap-1::before,
.telegiri-section .telegiri-common.telegiri-div-5 .wrap-1::before {
    position: absolute;
    content: "";
    border: 4px dashed #918f8f;
    height: auto;
    top: 0;
    bottom: -2px;
    left: 8px;
    border-radius: 270px 0 0 270px;
    width: 270px;
    border-right: 0;
    right: auto;
}

.telegiri-section .telegiri-common.telegiri-div-4 .wrap-1::before {
    top: -2px;
}

.wrap-1,
.wrap-2 {
    padding: 18px 6% !important;
}

.telegiri-section .telegiri-common.telegiri-div-1 .wrap-1::after {
    border: 4px dashed #918f8f;
    top: -2px;
    bottom: 50%;
    left: auto;
    border-radius: 0px 270px 0;
    width: 76%;
    border-left: 0;
    border-bottom: 0;
    transform: scaleX(-1);
    right: auto;
    content: '';
    left: 6px;
}

.telegiri-section .telegiri-common.telegiri-div-1::after {
    left: auto;
    right: calc(50% - 27%);
    top: 0;
}

.telegiri-section .telegiri-common.telegiri-div-5 .wrap-1::after {
    left: calc(50% - 29%);
    top: auto;
    bottom: -20px;
}

section.telegiri-section {
    background: #f2f2f9;
}

/*telgri section css*/


.table-assedis {
    box-shadow: rgba(0 0 0 /10%) 0 0 17px;
    background: #fff;
    border-radius: 15px;
    padding: 0;
}

.table-assedis .accredis_block {
    border-bottom: 1px solid #eee;
    padding: 28px 50px;
    display: grid;
    margin: 0;
    grid-template-columns: 250px 83%;
}

.table-assedis .accredis_block figure {
    width: 100%;
    max-width: 180px;
    margin-right: 35px;
}

.table-assedis .accredis_block .detail {
    width: 100%;
    padding-left: 35px;
    border-left: 3px dashed #c3c3c3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.table-assedis .accredis_block:nth-child(2n) {
    background: #f2f2f9;
}

.accredis_sec .container::before {
    left: auto;
    right: -467px;
    width: 685px;
    height: 703px;
    margin: auto;
    opacity: .6;
    top: -22px;
    bottom: 0;
    background-size: 100% 100%;
}

.table-assedis .accredis_block figure {
    max-width: 200px;
    margin: 0 auto 0 0;
}

.table-assedis .accredis_block .detail h3 {
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #0029b3;
    margin: 0 0 5px;
    line-height: 100%;
}


section.inner_banner .right-col {
    display: flex;
    align-items: center;
}


section.inner_banner .right-col h1 {
    font-size: 40px;
    line-height: 143%;
    width: 100%;
    font-weight: 600;
    color: #fff;
    color: transparent;
    text-shadow: 1px 1px 0px #ffffff, 0 0 0 #000a, 1px 3px 0px #fefefe;
}

/* ====management==== */
section.approve_sec {
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/19366.jpg) repeat;
    background-size: cover;
    background-position: top;
}

.approve_sec .left-col {
    padding: 0;
    border-radius: 30px;
    background: rgb(0, 41, 185);
    background: linear-gradient(90deg, rgb(130 155 245) 0%, rgb(89 131 249) 100%);
    margin: 0 0 0 -10%;
}

.team-details {
    padding: 40px;
    transition: all 0.3s;
    border-radius: 25px;
    box-shadow: 0px 14px 51px rgba(34, 35, 58, 0.2);
    max-width: 94%;
    margin: 0 0 50px auto;
    position: relative;
    background: #fff;
    z-index: 1;
}

.approve_sec .right-col {
    width: 76.5%;
    padding-left: 47px;
}

body .profile-section img {
    height: 350px !important;
    object-fit: contain;
}

.profile-section {
    padding: 30px 30px;
}

.user-detail {
    padding: 20px 30px 20px;
    background: #fff;
    border-radius: 12px;
    margin: -25px 0 0;
    position: relative;
    box-shadow: rgba(0 0 0 /10%) 0 0 25px;
}

h2.name-designation {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin: 0 0;
    line-height: 120%;
}

h2.name-designation+h2.name-designation {
    font-weight: 400;
    font-size: 18px;
    margin: 7px 0 0;
}

section.approve_sec::before {
    content: '';
    background: #f2f2f99e;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

ul.list_info li {
    font-size: 18px;
    margin: 0 0 16px;
    line-height: 130%;
    padding-left: 27px;
    text-align: left;
    position: relative;
}

ul.list_info li::before {
    content: '';
    width: 17px;
    height: 18px;
    position: absolute;
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/check.png) no-repeat;
    top: 2px;
    left: 0;
    background-size: 100%;
    filter: invert(100%) sepia(85%) saturate(5835%) hue-rotate(224deg) brightness(72%) contrast(118%);
}

ul.list_info {
    padding: 12px 0 0;
}

.team-details:nth-child(2n) .row {
    flex-direction: row-reverse;
}

.team-details:nth-child(2n) .left-col {

    margin: 0 -10% 0 0;
}

.team-details:nth-child(2n) .right-col {

    padding: 0 47px 0 0;
}

.team-details p {
    text-align: justify;
}

body .team-details:last-child {
    margin-bottom: 0;
}

body .inner_banner img.fondation {
    height: 190px !important;
    object-fit: contain;
    width: auto !important;
    margin: 0 auto 0 0 !important;
}

/* ===csr-page=== */
.csr-wrap-area {
    padding: 55px 30px;
    background: #fff;
    border-top: 40px solid #8f8f8f;
    border-radius: 10px;
    box-shadow: rgba(0 0 0/ 5%) 0 0 16px 0px;
    position: relative;
}

.csr-wrap-area::before {
    width: 50%;
    content: '';
    left: auto;
    right: 0;
    height: 40px;
    z-index: 9;
    top: -40px;
    position: absolute;
    background: #4a4a4a;
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
    border-radius: 0px 10px 0 0;
}

/* ====success-area=== */
ul.work-icons li {
    background-color: #001a72;
    border-radius: 100%;
    box-shadow: rgb(0 0 0 / 26%) 0 0 20px;
    display: block;
    width: 18%;
    margin: 0 1.5%;
    display: flex;
    text-align: center;
    height: 225px;
    padding: 105px 20px 33px;
    align-items: center;
    justify-content: center;
    border: 6px solid #fff;
    position: relative;
}

ul.work-icons {
    display: flex;
    align-items: center;
    margin: 32px 0;
    flex-wrap: wrap;
    justify-content: center;
}

ul.work-icons li p {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 120%;
}

ul.work-icons li::before {
    content: '';
    position: absolute;
    top: 31px;
    width: 79px;
    height: 78px;
    background: url(https://garonitpharma.com/wp-content/uploads/2023/05/success-icon.png) no-repeat;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 160px;
    background-position: -85px 1px;
    filter: brightness(0)invert(1);
}

ul.work-icons li:nth-child(2)::before {
    background-position: 0px -108px;
}

ul.work-icons li:nth-child(3)::before {
    background-position: -87px -205px;
}

ul.work-icons li:hover {
    background-color: #3e71ff;
    cursor: pointer;
}

.story-mail {
    padding: 20px 20px;
    background: #edefff;
    box-shadow: rgb(0 0 0 / 10%) 0 0 15px;
    border-radius: 6px;
    border: 4px solid #001a72;
    margin: 50px 0 33px;
}

.story-mail p {
    margin: 0;
    font-size: 25px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    line-height: 185%;
}

.story-mail p a {
    color: #0029b3;
}

.story-mail p a:hover {
    color: #3e71ff;
}


/* ===custumer-page== */
.custumer-row-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 29px;
}

.custumer-row-wrap .custumer {
    border: 2px solid #e0e5f7;
    box-shadow: rgb(0 41 185 /10%) 0 0 5px;
    background: #fff;
}

/* ====== */

.accreditaions-details, li.accordion {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 0;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    border: 1px dashed#dbd8d8;
    margin: 0px 0 30px;
}


.accreditaions-details .col-lg-3 {
    padding: 28px 31px;
}

section.accreditations_sec h2.sec-title {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

.accreditaions-details:last-child {
    margin: 0;
}

/*----  Manufacturing Page ----*/
.map_sec {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px 0 0 0;
}

.map_sec .inner_title {
    margin: 0;
}

.map_info {
    width: 100%;
    padding: 50px 0 10px;
    margin: 0;
}

.map_info .map {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto 25px;
    padding: 0;
    text-align: center;
    position: relative;
}

.map_info .located {
    width: auto;
    font-size: 19px;
    color: #2D449B;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    left: 0;
    top: 54%;
    font-family: 'Lato';
    max-width: 200px;
    text-align: left;
}
.map_info .located span {
    position: absolute;
    top: -51px;
    right: -125px;
    display: flex;
}
.map_info .located span.animate-line:before {
    content: "";
    width: 215px;
    height: 2px;
    background: #3e71ff;
    position: absolute;
    right:0;
    top: 0px;
    bottom: 0;
    margin: auto;
}
.map_info .located span.animate-line:after{content:"";width:2px;height:25px;background:#3e71ff;position:absolute;right: 214px;top: 0px;}

.option_list {
    margin: 0 0 0px;
    padding: 0;
    display: inline-block;
    border: 1px solid #252769;
    text-align: left;
    background: #dbdcfd;
    border-radius: 7px;
}
.option_list li {
    margin: 0;
    padding: 20px 20px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #252769;
    display: flex;
    align-items: center;
    font-family: 'Lato';
}

.option_list li img {
    margin-right: 10px;
}

.option_list li:last-child {
    border-bottom: none;
}

.locat_list {
    margin: 0 0 0px;
    padding: 0 0 0 0px;
    border: 1px solid #252769;
    text-align: left;
    background: #dbdcfd;
    border-radius: 8px;
}
.locat_list li {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #333;
    line-height: 24px;
    padding: 12px 16px 12px;
    margin: 0 0 0px;
    font-family: 'Lato';
    border-bottom: 1px dashed #252769;
}
.map_info .located.located2 {
    left: auto;
    right: -46px;
    top: 46%;
    text-align: left;
    max-width: 200px;
}
.map_info .located.located2 span {
    top: -74%;
    left: -254px;
    transform: translate(0, -40%);
    right: auto;
}
.map_info .located.located2 span::before {
    right: auto;
    left: 0;
    width: 235px;
}

.map_info .located.located2 span::after {
    height: 80px;
    right: -236px;
    top: 17px;
}


.located.located2 .active-animatioon {
    background-size: 15px 4px, 0px 0px, 0px 0px, 4px 15px;
}


body .map_info .located .location-icon {
    display: block;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    width: 20px;
    top: -61px;
    right: auto;
    left: -264px;
    transform: none;
    z-index: 10;
}
.located.located1 span.location-icon {
    left: auto;
    right: -139px;
}
body .map_info .located.located2 .location-icon {
    top: 15px;
}
/* ============================================================== 
     # Video Button Play
=================================================================== */
.location-icon:before, ul.option_list li:nth-child(1) span.icon::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%!important;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 22px!important;
    height: 22px!important;
    background: #ffffff repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}
.location-icon:after, ul.option_list li:nth-child(1) span.icon:after, ul.option_list li:nth-child(2) span.icon::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    right: 0!important;
    top: 50%!important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 18px;
    height: 18px!important;
    background: #ffffff repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all 200ms;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
}
.location-icon:after, .location-icon:before, ul.option_list li:nth-child(1) span.icon:after, ul.option_list li:nth-child(1) span.icon:before {
    background: #0029b9;
}
  
  
  @-webkit-keyframes pulse-border {
    0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
  
  @keyframes pulse-border {
    0% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
  
    100% {
      -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
  
  .option_list span.icon {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

ul.option_list li:nth-child(2) span.icon::before {
    background: #000;
}

.map_info .located.located2 span.animate-line::before {
    top: 59px;
}


/* ====contact--form== */
.info_contact h3.name-company {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Lato';
    padding: 12px 10px;
    margin: 0 0 5px;
    text-align: center;
    color: #fff;
    background: #0029b9;
}
.info_contact .c_details {
    box-shadow: rgba(0 0 0 /10%) 0 0 15px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    height: 100%;
}
.info_contact .contact-wrap{
    padding: 20px 20px;
}
.info_contact .col-xl-4:nth-child(2) p.phone_info{
    /*display: none;*/
}
body .c-left-padding {
    padding-left: 53px;
    position: relative;
    line-height: 150%;
    margin: 0;
    min-height: 49px;
    display: flex;
    align-items: center;
}
p.location-area {
    font-size: 17px;
    display: flex;
    align-items: center;
    min-height: 46px;
}
.info_contact p a {
    font-weight: 600;
    word-break: break-all;
}
p.mail-title {
    margin: 13px 0 9px;
    padding: 14px 0 0 0;
    border-top: 1px dashed #ccc;
    font-weight: bold;
    color: #0029b9;
    line-height: 120%;
}
.c-left-padding::before {
    content: '';
    position: absolute;
    width: 39px;
    height: 43px;
    top: 7px;
    bottom: auto;
    left: 0;
    right: auto;
    display: block;
    background:url(https://garonitpharma.com/wp-content/uploads/2023/05/contact.png)no-repeat;
    background-size: 30px;
    background-position: 1px 4px;
}
p.phone_info.c-left-padding::before {
    background-position: 2px -41px;
}

p.mail_info.c-left-padding::before {
    background-size: 27px;
    background-position: 2px -84px;
}
.info_contact h4.person, .contact-details h4 {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #0029b9;
    margin: 0 0 10px;
}
.info_contact h4.person strong {display: inline-block;color: #3e71ff;}
.form-sec .contact-details.c_details {
    background: #ccc;
}
.form-sec {
    box-shadow: rgba(0 0 0 /10%) 0 0 20px;
    border-radius: 10px;
    overflow: hidden;;
}
.contact-details {
    background: #3e71ff;
    height: 100%;
    padding: 40px;
}
.contact-details h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin: 4px 0 20px;
    padding: 0 0 19px;
    border-bottom: 1px dashed#fff;
}
.contact-details p, .contact-details a {
    color: #fff;
   
}
.contact-details h4 {
    color: #fff;
    margin: 0 0 0px;
    width: 100%;
}
.contact-details p {
    margin: 0 0 10px;
}
.contact-details .let-side:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px dashed#fff;
}
body .info_contact a:hover {
    color: #0029b9;
}
.form-area {
    height: 100%;
    padding: 40px;
}
h3.form-title {
    font-size: 30px;
    color: #0029b9;
    font-weight: 600;
}
form .row {
    margin: 0 -8px;
}
form .common-field {
    width: 50%;
}
.wpcf7-form-control-wrap {
    width: 100%;
}
form .col-lg-12{
    padding: 0 8px
}
form .form-group {
    margin: 0 0 15px;
}
.contact-details p, .contact-details a {
    font-size: 18px;
}
.btn-section p {
    display: table;
    position: relative;
    margin: 0 auto;
}
.modal-header p {
    text-align: center;
}

.modal-header h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 4px;
}


/* ==pagination== */
.pagination-area {
    text-align: center;
    margin: 35px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-numbers {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #000872;
    line-height: 40px;
    font-weight: bold;
    font-size: 18px;
    color: #000872;
    display: flex;
    margin: 0 5px;
    align-items: center;
    justify-content: center;
}
.page-numbers:hover, .page-numbers.current {
    border: 1px solid #000872;
    background-color: #000872;
    color: #fff;
}

.product-detail-area .prod_new_title {
    margin: 0 0 20px;
    padding: 0;
    font-size: 35px;
    color: #000872;
    font-weight: 700;
    line-height: 50px;
}
.product-detail-area .prod_title {
    margin: 29px 0 22px 16px;
    padding: 0;
    border-bottom: 2px solid #6e72a9;
    font-size: 20px;
    color: #1c2380;
    font-weight: 700;
}
.prod_title span {
    display: inline-block;
    margin-bottom: -1px;
    border-bottom: 3px solid #3e71ff;
}
.product-detail-area .right-col {
    padding-left: 30px;
}
section.comments-area {
    padding: 100px 0;
    background: #F8F8FD;
    margin: 0;
}

div.comments-area{
}
body form#commentform p {
    position: relative;
}
input#wp-comment-cookies-consent {
    border: 1px solid #ddd;
}
form#commentform.comment-form .comment-form-cookies-consent > label {
    position: static!important;
    margin: 0px 0 0!important;
    transform: none;
    border: 0;
    color: #444!important;
    background: transparent;
    padding: 0 0 0 10px;
    line-height: 150%;
}
form p.comment-form-comment {
    order: 5;
}
body form#commentform p.comment-form-author {
    order: 2;
}
body form#commentform p.comment-form-email {
    order: 3;
}
body form#commentform p.comment-form-url {
    order: 4;
}
body form#commentform p.comment-form-cookies-consent {
    order: 6;
}
body form#commentform p.form-submit {
    order: 7;
}
.required-fileds.comment-review {
    order: 8;
}
form#commentform label {
    background-color: transparent;
    color: #444;
    border-radius: 4px;
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 16px;
    line-height: normal;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1;
    text-transform: none;
    pointer-events: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    margin: 0;
    width: auto;
}
 form#commentform p.input_focus label, form#commentform p.value_focus label {
    -webkit-transform: scale(.75) translateY(-28px);
    -moz-transform: scale(.75) translateY(-28px);
    -ms-transform: scale(.75) translateY(-28px);
    -o-transform: scale(.75) translateY(-28px);
    transform: scale(.75) translateY(-35px);
    background-color: #9d5c32;
    border-radius: 4px;
    padding: 3px 6px;
    color: #fff !important;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    width: auto;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    border: 1px solid #9d5c32;
    color: #fff;
    left: 18px !important;
}

body nav.navigation.post-navigation {
    margin: 0 auto;
    padding: 40px 0 85px;
}
h2.comments-title {
    font-size: 25px;
}
ol.comment-list {
    margin: 0;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 7px;
}
body .comment-author {
    position: relative;
}
body .comments-area.show-avatars .avatar {
    border-radius: 50%;
    position: relative;
    /* margin: 0 0 -63px!important; */
    top: 0;
}
body .comment-meta .comment-author .fn {
    font-weight: 600;
    font-size: 22px;
    font-family: 'Lato';
    text-transform: uppercase;
}
body em.comment-awaiting-moderation {
    display: inline-block;
    color: #cf3203;
    font-size: 18px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #cf3203;
    margin: 22px 0 15px;
    line-height: 100%;
}
body .comment-body .comment-content {
    margin: 0 0 0;
    color: #333;
    font-size: 18px;
}
body .comment-body .comment-meta, body .comment-list > li, body .comment-body{
    margin: 0;
}
body ol.comment-list li {
    padding: 25px;
    border-bottom: 1px dashed #ddd;
}
body ol.comment-list li.odd {
    background: #f5f5f5;
}

body a.comment-reply-link {
    line-height: 30px;
    padding: 0 19px;
    font-size: 14px;
    margin: 7px 0 0;
}
body .modal {
    max-height: 645px;
    margin: auto!important;
    padding: 0!important;
    height: 80vh;
    background: none;
    max-width: 700px;
    top: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999999;
    left: 0;
    box-shadow: none;
    overflow: unset!important;
}
.modal-dialog {
    overflow: auto;
    height: 100%;
    pointer-events: auto;
    margin: 0;
    max-width: 100%;
}
.popup-sec {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 30%) 0 10px 30px;
    overflow: auto!important;
    height: 100%;
}
.modal .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    min-width: 34px;
    padding: 0;
    height: 34px;
    border-radius: 60px;
    background: #00aff0!important;
    text-align: center;
    font-size: 0;
    color: #fff!important;
    margin: -15px;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    opacity: 1;
    transition: all .5s;
    font-weight: 100;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 65%);
}
.modal .close:hover {
    background: #000!important;
}
.modal .close::before {
    content: "x";
    font-size: 24px;
    line-height: 19px;
    font-weight: 100;
    font-family: monospace;
}
.modal-open header {
    z-index: 9!important;
}

html.popup-open::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 58%);
    z-index: 999999;
    bottom: 0;
    top: 0;
}

section.inner_banner .owl-nav, section.inner_banner .owl-dots {
    display: none;
}

/*--------tab structure design 29-05-2023---------*/
.accordionWrapper{
  padding: 0;
  background:#fff;
  float: none;
  border-radius: 5px;
  box-sizing:border-box;
  width: 100%;
  margin: 0;
  margin-left: 0;
}
.accordionItem{
    float:left;
    display:block;
    width:100%;
    box-sizing: border-box;
    font-family:'Open-sans',Arial,sans-serif;
}
.accordionItemHeading{
    cursor:pointer;
    margin: 0px 0px 20px 0px;
    padding: 16px 25px;
    font-size: 22px;
    font-weight: 400;
    background: #0029b9;
    color:#fff;
    width:100%;
    border-radius: 4px;
    box-sizing: border-box;
}
.accordionItemHeading span{
  float: right;
  font-size: 25px;
}
.close .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;

	transform: scaleY(0);
    float:left;
    display:block;


}
.open .accordionItemContent{
        padding: 20px;
        background-color: #eff2fb;
        border: 1px solid #e3e3e3;
        width: 100%;
        margin: 0px 0px 10px 0px;
        display:block;
        transform: scaleY(1);
        transform-origin: top;
        transition: transform 0.4s ease;
        box-sizing: border-box;
}

.open .accordionItemHeading{
    margin:0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #3e71ff;
    color: #fff;
}

 
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #fff;
    border: 1px solid green;
    box-sizing: border-box;
    padding: 0 22px;
  
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #fff!important;
    border: 1px solid green;
    box-sizing: border-box;
    padding: 8px 22px!important;
}


/* blog-detail-page */
body .blog-main-leftsidebar .post-thumbnail {
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: 500px;
}
body .blog-main-leftsidebar figure.post-thumbnail img {
    object-fit: cover;
    max-width: 100% !important;
    width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-position: top;
    border-radius: 12px;
}
.date-author {padding: 20px 0 20px;}
body img.avatar {
    width: 22px !important;
    height: 22px !important;
    border-radius: 1000%;
    margin-right: 10px !important;
}
h2.author-title {
    font-size: 15px;
    font-weight: 600;
}
.date {
    font-size: 15px;
    font-weight: 600;
    padding-left: 14px;
    line-height: 100%;
    margin-left: 13px;
    border-left: 1px solid #ddd;
}
.date i {
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background: #5aaaf0;
    color: #fff;
    display: flex;
    margin-right: 7px;
    justify-content: center;
    align-items: center;
}
h2.blog-title.main-title {
    text-align: left!important;
    font-size: 26px;
    position: relative;
    letter-spacing: 1px;
    font-weight: 800;
   
    text-transform: capitalize;
    background: -webkit-linear-gradient(270deg, #9b9c9f 100%, transparent 100%), -webkit-repeating-linear-gradient(90deg, transparent, transparent 99%, white 100%, white 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: -1px -1px rgb(0 41 185);
}


.comments-area {
  padding: 25px;
  margin-top: 30px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 30px rgb(102 102 102 / 30%);
  box-shadow: 0 3px 30px rgb(102 102 102 / 18%);
  background-color: #ffffff;
  max-width: 100% !important;
}

.comments-area .comments-title {
  position: relative;
  margin-bottom: 30px;
  line-height: initial;
  font-size: 22px;
}

.comments-area ol,
.comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .comment-body {
  padding-left: 0;
  color: #2f2c52;
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.comments-area .comment-body .reply {
  margin-top: 15px;
}

.comments-area .comment-body .reply a, body .comment-meta .comment-metadata .edit-link a {
  border: 1px solid transparent;
  color: #fff!important;
  display: inline-block;
  padding: 9px 17px;
  border-radius: 3px;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  font-size: 14px;
  width: auto;
  line-height: 100%;
  background: #1a4677;
  border-radius: 100px;
  font-weight: 400;
}

.comments-area .comment-body .reply a:hover {
}

.comments-area .comment-author {
  font-size: 20px;
  margin-bottom: 0.1em;
  position: relative;
  z-index: 2;
}

body .comments-area .comment-author .avatar {
  min-height: 70px!important;
  width: 70px!important;
  position: absolute;
  top: 7px;
  border-radius: 7px;
  margin: 0!important;
  left: 0;
}

.comments-area .comment-author .says {
  display: none;
}

.comments-area .comment-metadata {
  margin-bottom: 0.8em;
  color: #7a7e9a;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
}

.comments-area .comment-metadata a {
  color: #000000;
  font-size: 14px;
}

.comments-area .comment-metadata a:hover {
  color: #1a4677;
}

.comments-area .comment-respond {
  margin-top: 30px;
}

.comments-area .comment-respond .comment-reply-title {
  margin-bottom: 0;
  position: relative;
  font-size: 25px;
  font-weight: bold;
  color: #0029b9;
}

.comments-area
  .comment-respond
  .comment-reply-title
  #cancel-comment-reply-link {
  display: inline-block;
}

.comments-area .comment-respond .comment-form {
  overflow: hidden;
  grid-gap: 0;
  margin: 16px 0 7px!important;
}

.comments-area .comment-respond .comment-notes {
  margin-bottom: 20px;
  margin-top: 10px;
}

.comments-area .comment-respond .comment-form-comment {
  margin-top: 0;
  float: left;
  width: 100%;
}

.comments-area .comment-respond label {
  display: block;
  font-weight: 400;
  color: #000;
  margin-bottom: 5px;
  font-size: 16px;
}

.comments-area .comment-respond input[type="date"],
.comments-area .comment-respond input[type="time"],
.comments-area .comment-respond input[type="datetime-local"],
.comments-area .comment-respond input[type="week"],
.comments-area .comment-respond input[type="month"],
.comments-area .comment-respond input[type="text"],
.comments-area .comment-respond input[type="email"],
.comments-area .comment-respond input[type="url"],
.comments-area .comment-respond input[type="password"],
.comments-area .comment-respond input[type="search"],
.comments-area .comment-respond input[type="tel"],
.comments-area .comment-respond input[type="number"],
.comments-area .comment-respond textarea {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 0;
}

.comments-area .comment-respond input[type="date"]:focus,
.comments-area .comment-respond input[type="time"]:focus,
.comments-area .comment-respond input[type="datetime-local"]:focus,
.comments-area .comment-respond input[type="week"]:focus,
.comments-area .comment-respond input[type="month"]:focus,
.comments-area .comment-respond input[type="text"]:focus,
.comments-area .comment-respond input[type="email"]:focus,
.comments-area .comment-respond input[type="url"]:focus,
.comments-area .comment-respond input[type="password"]:focus,
.comments-area .comment-respond input[type="search"]:focus,
.comments-area .comment-respond input[type="tel"]:focus,
.comments-area .comment-respond input[type="number"]:focus,
.comments-area .comment-respond textarea:focus {
  border-color: #1a4677;
}

.comments-area .comment-respond .comment-form-author {
  float: left;
  margin: 0;
  width: 49%;
  margin-right: 1%;
  margin-bottom: 10px;
}

.comments-area .comment-respond .comment-form-email {
  float: left;
  width: 49%;
  margin-left: 1%;
  margin-bottom: 10px;
}

.comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 25px;
}

.comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 4px;
  border: 1px solid #ddd;
  width: 20px;
  height: 20px;
  outline: none;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  color: #000;
  font-weight: normal;
  position: relative;
  top: 3px;
  padding-left: 7px;
  font-size: 14px;
}

.comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}

.comments-area .comment-respond .form-submit input {
}

.comments-area .comment-respond .form-submit input:hover,
.comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  background-color: #2e82ea;
}
.single .entry-content {
    margin: 8px 0 0;
}

#page .comments-area {
    padding: 25px;
    margin-top: 50px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 30px rgb(102 102 102 / 30%);
    box-shadow: 0 3px 30px rgb(102 102 102 / 18%);
    background-color: #ffffff;
    max-width: 1300px!important;
    margin-bottom: 100px;
}

.pr-4 {
    padding-right: 40px;
}
.right-side-sidebar-content .widget {
    margin-top: 35px;
    -webkit-box-shadow: 0px 0px 29px 0px rgb(102 102 102 / 8%);
    box-shadow: 0px 0px 29px 0px rgb(102 102 102 / 20%);
    background-color: #ffffff;
    padding: 25px;
}
.right-side-sidebar-content .widget-title {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: capitalize;
    position: relative;
    font-size: 22px;
}
.right-side-sidebar-content .widget-title::before {
    content: "";
    position: absolute;
    background: #1a4677;
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px;
}
body .wp-block-search {
    position: relative;
}
body .wp-block-search .wp-block-search__input {
    background-color: transparent;
    height: 50px;
    padding: 0px 20px;
    border: 1px solid #eeeeee;
    width: 100%;
    display: block;
    color: #666;
    outline: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.right-side-sidebar-content .widget:first-child {
    margin-top: 0;
}
.wp-block-search button.wp-block-search__button {
    position: absolute;
    right: 0;
    outline: 0;
    bottom: 0;
    height: 50px;
    font-size: 0;
    top: 0;
    width: 50px;
    border: none;
    padding: 0;
    color: #ffffff;
    background-color: #0029b9 !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.wp-block-search button.wp-block-search__button::before {
    content: "\f002";
    font-family: "fontawesome";
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: #fff;
    font-size: 17px;
}
body .recent-post img {
    width: 90px!important;
    object-fit: cover;
    height: 90px!important;
    margin: 0 17px 0 0!important;
    border-radius: 4px;
}
.recent-post .text {
    font-size: 15px;
    font-family: 'Lato';
}
.recent-post p.titl {
    font-size: 18px;
    line-height: 130%;
    font-weight: 600;
    color: #0029b9;
    padding: 8px 0 0 !important;
}

.recent-post a {
    text-decoration: none!important;
}
.recent-post {
    margin: 0;
}

.breadcrumbs {
    margin: 0!important;
    padding: 14px 0;
    background: #dde6ff;
}
body .post-thumbnail {
    margin: 0;
}
.blog-wrap-box {
    background: #fff;
    box-shadow: rgba(0 0 0 /10%) 0 0 14px;
    padding: 0px;
    border-radius: 6px;
}
.blog-content {
    padding: 10px 18px;
}
.blog-content h2.blog-title.main-title {
    font-size: 22px;
    letter-spacing: 0;
}
.read-more .read-more {
    line-height: 40px;
    margin: 19px 0 17px;
    padding: 0 21px;
    border-radius: 50px;
    color: #fff;
    background: #3e71ff;
    font-size: 16px;
}
.recent-post {
    margin: 0;
}
/* thankyou page  */


.thankyou-section h4, .thankyou-section p {
    margin: 0 0 14px!important;
    text-align: center;
}
.thankyou-section div {
    text-align: center;
}

#page .post-navigation .post-title {
    margin: 0;
}
.accordionItemContent .text-left img {
    margin: 0!important;
}

/**====language=====**/

#masthead>.container::after{
    display:none;
}
ul#language-dropdown {
    line-height: 100%;
}
.language-area {
    text-align: right;
    margin: 0 0 55px;
}
ul#language-dropdown li {
    font-size: 6px;
    margin: 0 5px;
    padding: 0;
    white-space: unset;
    line-height: 100%;
    padding: 10px 8px;
    cursor: pointer;
    display: inline-block;
    box-shadow: rgba(0 0 0 /20%) 0 0 8px;
}
ul#language-dropdown li img {
    width: 45px!important;
    position: absolute;
    height: 45px!important;
    pointer-events: none;
}
body .grecaptcha-badge {
    display: none!important;
}

ul.top_social {
    line-height: 100%;
    margin: 0 40px 0 0;
}

.top_social li a {
    width: 32px;
    height: 32px;
    display: flex;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: 35px;
    background: #0029b9;
    border-radius: 4px;
}

.top_social li a.linkedin, .top_social li a.linkedin:focus {
    background: #0077B7!important;
}
.top_social li a.twitter, .top_social li a.twitter:focus {
    background: #50ABF1!important;
}
.top_social li {
    margin: 0 0 0 8px;
    padding: 0;
    display: inline-block;
}




.rw-action-area a.rw-report-link {
    display: none!important;
}

body .rw-ui-container .rw-action-area {
    margin: 0px 0 20px!important;
}

body ol.comment-list li .rw-ui-container .rw-action-area {
    margin: 0px 0 0!important;
}

body .comments-area.show-avatars .comment-metadata {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*-----------accordian section 15-06-2023--------------*/

.accordion--container{
  margin:auto;
  display:block;
}
li.accordion ul {
    margin: 0;
    width: 100%;
    padding: 40px 37px;
    background: #fff;
    border-top: 1px solid #fff;
    display: none;
    display: none!important;
    color:black;
    flex-wrap:wrap;
    transition: all 0.5s!important;
}
li.accordion ul .txt {
    padding: 10px 20px;
    margin: 0;
    font-size: 18px;
}

li.accordion span {
    display: block;
    background: #396afc;
    padding: 10px;
    overflow: hidden;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    width: 100%;
    position: relative;
    text-align: center;
}

li.accordion {
    list-style:none;
}
li.accordion span i {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    color: #fff;
    transition: .3s;
}

li.accordion.open span i {
    transform: rotate(540deg);
    transition: .3s;
}

li.accordion.open ul{
    display: flex!important;
    transition: all 0.5s!important;
    align-items: center;
    justify-content: center;
}
li.accordion ul li {
    padding: 15px 20px;
}
.copyright-area-content p, .copyright-area-content p a{
    color:#fff!important;
}

/*----  Journey Sec ----*/
.journey_sec{width:100%;margin:0;background: #f2f2f9;}
ul.journey_list{ width:100%; float:left; margin:0; padding:0 25px; position:relative;}
ul.journey_list:before{ content:""; width:100%; height:17px; background:#7e8a92; position:absolute; top:22px; left:0; border-radius:30px;}
ul.journey_list li{ width:11.111%; float:left; margin:0; padding:0 0 15px 0; text-align:center; position:relative;}
ul.journey_list li:before{ content:""; width:90px; height:6px; background:#7e8a92; position:absolute; bottom:0; left:50%; transform:translate(-50%,0%);}
ul.journey_list li span{ width:60px; height:60px; margin:0 0 36px 0; padding:0; display:inline-block; background:url(https://garonitpharma.com/wp-content/uploads/2023/06/journey_list_bg.png) center center no-repeat; background-size:100% 100%; font-size:13px; color:#000; line-height:60px; font-weight:700; position:relative;}
ul.journey_list li span:before{ content:""; width:1px; height:20px; background:#7e8a92; position:absolute; top:100%; left:50%; transform:translate(-50%,0%);}
ul.journey_list li span:after{ content:""; width:11px; height:11px; background:#7e8a92; border-radius:50%; position:absolute; bottom:-30px; left:50%; transform:translate(-50%,0%);}
ul.journey_list li p{ margin:0 -30px; padding:0; font-size:16px; color:#000; text-align:center; line-height:21px;}
ul.journey_list li:nth-child(2):before, ul.journey_list li:nth-child(4):before, ul.journey_list li:nth-child(6):before, ul.journey_list li:nth-child(8):before{ background:#3e71ff;}
ul.journey_list li:nth-child(2) span, ul.journey_list li:nth-child(4) span, ul.journey_list li:nth-child(6) span, ul.journey_list li:nth-child(8) span{ margin-bottom:150px;}
ul.journey_list li:nth-child(2) span:before, ul.journey_list li:nth-child(4) span:before, ul.journey_list li:nth-child(6) span:before, ul.journey_list li:nth-child(8) span:before{ height:140px;}
ul.journey_list li:nth-child(2) span:after, ul.journey_list li:nth-child(4) span:after, ul.journey_list li:nth-child(6) span:after, ul.journey_list li:nth-child(8) span:after{ bottom:-145px;}

.copyright-area-content {
    background: #000872;
    border-top: 1px solid #0b19d3;
}

.error-404 .main-title {
    font-weight: 900;
    font-size: 100px;
    color: #000872;
}

.error-404 .main-title span {
    color: #3e71ff;
}
.error-404 h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 45px 0 0;
}
body.error404 main p {
    text-align: center;
    font-size: 18px;
}

.team-slide a{
	width:100%;
	display:inline-block;
}



section.welcome_sec:after {
    content: "";
    width: 100%;
    z-index: 0;
    height: 172px;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: auto;
    transform: rotate(180deg);
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00f2f2f2', GradientType=0);
}






.banner-section:after {
    content: "";
    width: 100%;
    z-index: 0;
    height: 172px;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: auto;
    transform: rotate(180deg);
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.98) 43%, rgba(242, 242, 242, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00f2f2f2', GradientType=0);
}


section.banner-section {
    padding: 270px 0 135px;
    background-image: url(https://demo.cmssuperheroes.com/themeforest/chemlabs/wp-content/uploads/chemlabs-slider-1.jpg);
}


.banner-section h1 {
    font-size: 50px;
   
    font-weight: 600;
    text-align: center;
    margin: 0 0 28px;
}.banner-section p {
	text-align: center;
/*     font-size: 20px;
   
    font-weight: 500;
    text-align: center;
    margin: 0 0 28px;
    text-shadow: 0.3px 0.5px 0.7px hsl(0deg 0% 0% / 36%), 0.8px 1.6px 2px hsl(0deg 0% 81.1% / 36%), 2.1px 4.1px 5.2px hsl(0deg 0% 100% / 59%), 5px 10px 12.6px hsl(0deg 0% 100% / 62%); */
}


.banner-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    background: linear-gradient(to bottom,#fffffff2 0%,rgba(255, 255, 255, 70%) 100%);
}
section.welcome_sec h2.inner_title {
    font-size: 40px;
    font-weight: 800;
    color: #0029b9;
}


section.product_sec p, .lets-start-section p{
    text-align:center;
}


.need-section{
    background:#f2f2f9;
}
.need-section .common-n {
    background: #3f71ff;
    padding: 60px;
    border-radius: 50px;
    align-items: center;
    max-width: 1060px;
    margin: 0 auto 0 !important;
}
.need-section .right-col {
    width: 20%;
    margin: 0 auto 0 61px;
}
.need-section .left-col {
    width: 70%;
    
}
section.need-section h2.inner_title, .lets-start-section .inner_title {
    font-size: 35px;
    font-weight: 600;
    color: #0029b9;
    text-shadow: 0px 1px #2c4dc5;
}
section.need-section h2.inner_title {
    color: #fff;
}

.need-section .right-col figure {
    margin: 0 0 0;
    width: 475px;
}


section.need-section p {
    font-size: 20px;
	color:#fff;
/*     text-shadow: 0.3px 0.5px 0.7px hsl(0deg 0% 100% / 36%), 0.8px 1.6px 2px hsl(0deg 0% 81.1% / 36%), 2.1px 4.1px 5.2px hsl(0deg 0% 100% / 59%), 5px 10px 12.6px hsl(0deg 0% 100% / 62%); */
}


/* 
.cta-wrap {
    position: relative;
    border-radius: 10px;
    padding: 55px 105px 45px;
    background: #3e71ff;
    max-width: 1200px;
    margin: -32px auto 0!important;
    display: block;
    bottom: -40px;
    z-index: 1;
    box-shadow: rgba(0 0 0 /21%) 0 0 43px;
} */


.cta-wrap {
    margin: 0!important;
    padding: 100px 0;
    background: #f2f2f9;
}
.cta-wrap .container> .row {
    position: relative;
    border-radius: 20px;
    padding: 0px 0px;
    background: #fff;
    max-width: 1200px;
    margin: 0 auto 0!important;
    bottom:0;
    z-index: 1;
    box-shadow: rgba(0 0 0 /21%) 0 0 43px;
	overflow:hidden;
}
 aside.widget-area.footer-widget {
    grid-template-columns: 30% 30% 33%;
    padding: 30px 0 0;
}
.cta-wrap .form-wrap {
    padding: 39px;
    height: 100%;
    background: #000872;
}
.cta-wrap form .form-group {
    margin: 0 0 20px;
}
.cta-wrap .form-wrap form input.wpcf7-submit {
    background: #3e71ff !important;
    border: 0!important;
}
.cta-wrap .form-wrap form input.wpcf7-submit:hover {
    background: #fff !important;
   
}
.cta-wrap .form-wrap form input, .cta-wrap .form-wrap form select {
	height: 55px !important;}
    
    main#main section h1.inner_title span::before {
    display: none!important;
}
/*-----------accordian section 15-06-2023--------------*/

.accordion--container{
  margin:auto;
  display:block;
}

.accreditations_sec h2.title_company {
    display: block;
    background: #396afc;
    padding: 10px;
    overflow: hidden;
    font-size: 30px;
    font-weight: 600;
    color: #fff;

    width: 100%;
    position: relative;
    text-align: center;
    margin: 0;
    border-radius: 8px 8px 0 0;
}


.accreditations_sec ul {
    display: flex!important;
    transition: all 0.5s!important;
    align-items: center;
    justify-content: center;
    background: #fff;
    flex-wrap:wrap;
    padding: 35px 0;
}
section.accreditations_sec ul li img {
    padding: 0 22px;
    max-width: 100%!important;
}
.copyright-area-content p, .copyright-area-content p a{
    color:#fff!important;
}
.wrap-certi {
    padding: 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px, rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}.page-id-449 section.new_certify_sec.section-padding {
    display: none;
}

.terms_condition {
    position: relative;
    background: #fff;
}


.terms_condition-text {
    margin-bottom: 45px;
}
.terms_condition-text h3, .terms_condition-text .h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    font-weight: 800;
}
.terms_condition-text p {
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    color: #2e4577;
}
.terms_condition-text li {
    display: flex;
}
.terms_condition-text li i {
    line-height: 30px;
    margin-right: 15px;
    font-size: 13px;
    color: #aeaed5;
}
body .terms_condition  h4 {
    font-size: 18px;
    font-weight: bold;
}

.text-right{
	    text-align: right;
}

.blob {
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
    transform: scale(1);
    text-align: center;
}
70% {
    transform: scale(1.2);
    text-align: center;
}
100% {
    transform: scale(1);
    text-align: center;
}
}
h4.story-mail a {
    color: #0029b3;
    font-weight:600;
}
.terms_condition .story-mail p {
   
    font-size: 20px;
    
}





/* --------------------- */

.career-content {
    border: 2px solid #e0e5f7;
    box-shadow: rgb(0 41 185 /10%) 0 0 5px;
    background: #fff;

    padding: 30px;
    margin-bottom: 24px;
}
.career-content h4 {
    color: #333;
    font-weight: 700;
    font-size: 30px;
    margin: 0 0 9px;
}

.career-content span{
    color: #333;
}

.career-form{
	padding: 20px;
	border: 2px solid #e0e5f7;
    box-shadow: rgb(0 41 185 /10%) 0 0 5px;
    background: hsl(236,100%,22%);
}

.career-form h4{
	color: white;
	font-size:30px;
	font-weight: 700;
	text-align: center;
}
.career-form input[type="file"] {
    background: hsl(236,100%,22%);
    color: white;
    border: 1px solid #ffffff85;
    padding: 13px;
    border-radius: 3px;
}

.career-form input[type="file"] #file-upload-button{
	padding:10px;
}


.career-form label {
    position: static;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 11px;
}
.career-sec .bottom_title span{
	font-size: 40px;
    font-weight: 800;
    color: #0029b9;
}

.iconbox-border{
    border: 1px solid #D9D9D9;
    padding: 25px;
} 

.iconbox-icon{
    background: hsl(227,100%,36%);
	width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.iconbox-icon i{
    color: white;
	font-size: 35px;
    padding: 20px;
}

.iconbox-content {
    padding-left: 20px;
}

.iconbox-content h4 {
    font-size: 22px;
    font-weight: 600;
}


.screen-reader-response p, .screen-reader-response ul {
    display: none;
}


.career-content p {
    color: #333;
}
.career-content .contact-details{
	padding:0;
	background:#fff;
}

.career-content .contact-details h3 {
    color: #3e71ff;
    font-size: 28px;
    border-bottom: 1px dashed #3e71ff;
}
.career-content .contact-details h4 {
    font-size: 20px;
}

 .text-field-extra {
        display: none;
    }

.career-content .contact-details a {
    color: #3e71ff;
}
.career-content .contact-details .let-side:not(:last-child) {
  
    border-bottom: 1px dashed #3e71ff;
}

p.city-error {
    color: red;
    font-size: 15px;
    margin: -24px 0 11px !important;
}

h2.title-sub-head {
    font-weight: 700;
    text-align: center;
    margin: 10px 0 30px;
    font-size: 25px;
    
}

.page-template-career-oppurtunity  section.about_sec>.container::after{
    display:none;
}
section.career-feature .box-item {
    background: #fff;
    padding: 30px 24px;
    box-shadow: rgba(0 0 0 / 10%) 0 0 15px;
    height: 100%;
    border-radius: 10px;
}
section.career-feature .box-item p{
    text-align:center;
}
section.career-feature .box-item h3 {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin: 0 0 13px;
}
.career-feature .inner_title{
    text-align:center;
}
.career-feature .col-xl-12 p{
    text-align: center;
    line-height:23px;
}
.section-last .inner_title span:before{
     display:none;
}
section.career-banner {
 
    background-image: url(https://garonitpharma.com/wp-content/uploads/2025/02/career-image-scaled.webp);
        background-position: center;
}
section.career-banner.banner-section:before {
    
    background: linear-gradient(to bottom, #fffffff2 0%, rgba(255, 255, 255, 80%) 100%);
}



.team-page .team1-box {
    margin-bottom: 30px;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    height: 450px;
    position: relative;
    padding: 20px;
    border: 1px solid #ddd;
    background: #fbfbfb;
}

.team-page .team1-box .image {
    border-radius: 4px;
    overflow: hidden;
}
.team-page .team1-box .image img {
    width: 100%;
    transition: all 0.4s;
}


.overlay-anim:after {
        background: rgba(255, 255, 255, 0.3);
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        opacity: 1;
        z-index: 9;
        pointer-events: none;
    }

.team-page .team1-box:hover .image img {
    transition: all 0.4s;
    transform: scale(1.1) rotate(2deg);
}

.overlay-anim:hover:after {
        height: 100%;
        opacity: 0;
        transition: all 400ms linear;
    }
.team-page .team1-box .image img {
    width: 100%;
    transition: all 0.4s;
    width: 100% !important;
    object-fit: cover;
    height: 300px !important;
    object-position: top;
}

.heading-area h4 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin: 18px 0 10px;
}
.heading-area p {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color:#000;
}

.primary-navigation .sub-menu > .menu-item > .sub-menu {
        padding: 0;
        margin: 0 !important;
    }

header .primary-navigation>div>.menu-wrapper>li>.sub-menu>li  .sub-menu a {
   
    padding: 14px 34px;
   
}
.csr-init-wrap-area p {
    text-align: center;
	font-size:20px;
}


.testimonial-item {
    background-color: #fff;
    box-shadow: 0px 0px 40px 5px #00000012;
    border: 1px solid #F8F8F8;
    border-radius: 30px;
    padding: 40px;
	height:100%;
}

.testimonial-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border-bottom: 1px solid #020D1914;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.testi-slider.owl-carousel .owl-stage-outer {
   
    overflow: unset;
   
}
.testi-slider .owl-nav, .testi-slider  .owl-dots {
    display: none;
}
.author-info{
	display: flex;
	align-items: center;
	    width: 65%;
}
section.csr-init-section h2.text-center.mt-4 {
    font-weight: 800;
}
.author-image{
	margin-right: 20px;
}

.author-image figure{
	display: block;
	border-radius: 50%;
}

.author-image img{
	max-width: 60px;
	border-radius: 50%;
}

.author-content{
	width:100%;
}

.author-content h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.author-content p{
	text-transform: capitalize;
	margin: 0;
}

.testimonial-rating{
	text-align: right;
}

.testimonial-rating i{
	color: #ffa500;
	font-size: 16px;
}

.testimonial-content p{
	margin: 0;
}

.testi-slider .testimonial-pagination{
    text-align: center;
	margin-top: 40px;
	padding-bottom: 4px;
}

.testi-slider .testimonial-pagination .swiper-pagination-bullet{
	position: relative;
    height: 12px;
    width: 12px;
    background: #020D1914;
    opacity: 1;
    margin: 0 8px;
	transition: all 0.4s ease-in-out;
}

.testi-slider .owl-item.cloned{
	opacity:0;
}
.testi-slider .owl-item.active{
	opacity:1;
}
.testi-slider.testimonial-pagination .swiper-pagination-bullet:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid transparent;
    height: 0;
    width: 0;
    border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.testi-slider .testimonial-pagination .swiper-pagination-bullet-active:before{
	border-color: #3e71ff;
	height: 24px;
	width: 24px;
}

.testi-slider .testimonial-pagination .swiper-pagination-bullet-active{
	background: #3e71ff;
}

.m-banner-container {
        width: 100%;
        padding: 59px 40px 40px;
        background-color: #fff;
        height: 100%;
	    height: 100%;
    overflow-y: scroll;

      }


      .m-header-section {
        height: 300px;
        background: url(https://garonitpharma.com/wp-content/uploads/2025/08/bg-image.png) no-repeat;
        background-size: cover;
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        text-align: center;
        padding: 20px;
        z-index: 1;
        border-radius: 40px;
        position: relative;
        width: 100%;
				    display: flex
;
    align-items: center;
    justify-content: center;
      }

      .header-text-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(#01245196 0%, rgba(0, 0, 0, 0.3) 100%);
        border-radius: 40px;
        z-index: 0;
        width: 100%;
      }

      .header-title {
        position: relative;
        font-size: 40px;
        font-weight: bold;
        line-height: 55px;
        z-index: 1;
        text-align: left;
        max-width: 958px;
        margin: 0px auto;
        width: 100%;
				    color: #ffffff;
      }

      .announcement-section {
        color: #000000;
        padding: 10px 20px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        border: 1px solid #b91c1b;
        margin: 0 10px;
        position: relative;
        line-height: 39px;
        border-radius: 10px;
        margin: 28px 0 0;
        font-family: 'Lato', sans-serif;
      }

      .main-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 30px 0 0;
      }

      .left-panel {
        position: relative;
        overflow: hidden;
        color: white;
        width: 43%;
        display: flex;
        align-items: center;
        box-shadow: rgba(0 0 0 /8%) 12px 3px 55px;
        border-radius: 40px;
      }

      .left-panel img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        box-shadow: rgba(0 0 0 /10%) 0 0 20px;
      }
      .right-panel img.left-panel-image {
        margin: 0 0 0 -30px;
      }
      .left-panel-content {
        position: relative;
        z-index: 2;
        padding: 30px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 15px;
      }

      .breaking-news {
        width: 362px;
        height: 68px;
        position: absolute;
        top: -38px;
        background: url(https://garonitpharma.com/wp-content/uploads/2025/08/brakiing-banner.png) no-repeat;
        z-index: 1;
        left: -40px;
        background-size: 100% 100%;
        overflow: hidden;
      }

      .breaking-news-text {
        font-size: 1.2rem;
        line-height: 1.4;
      }

      .logo-container {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 20px;
      }

      .logo-container img {
        height: 40px;
        width: auto;
      }

      .right-panel {
        width: auto;
      }
      .right-panel {
        width: auto;
        display: flex;
        align-items: center;
      }

      .info-card {
        background-color: #e3f2fd;
        border-radius: 10px;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 15px;
      }

      .info-icon {
        font-size: 1.8rem;
        color: #1976d2;
        width: 40px;
        text-align: center;
      }

      .info-details strong {
        display: block;
        font-size: 1.1rem;
        font-weight: 700;
        color: #333;
      }

      .info-details p {
        margin: 0;
        font-size: 1rem;
        color: #555;
      }

     .breaking-news span {
    display: inline-block;
    width: 100%;
    padding: 20px 0 0;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
    position: relative;
    left: -22px;
    bottom: 2px;
    opacity: 0;
    animation: breakingNews 4s ease-in-out infinite; /* Increased to 8s to add pause */
}

@keyframes breakingNews {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    10% {
        opacity: 1; /* fade in */
        transform: translateX(0); /* stay in place */
    }
    30% {
        opacity: 0.7;
        transform: translateX(0); /* still paused */
    }
    60% {
        opacity: 0.5;
        transform: translateX(374px); /* slide right smoothly */
    }
    65% {
        opacity: 0.3;
        transform: translateX(374px); /* fade out at end */
    }
    100% {
        opacity: 0;
        transform: translateX(374px); /* hold invisible for pause (~3s) */
    }
}

  
     .right-panel {
    width: 45%;
    margin: 0 0 0 -15px;
}
.left-panel {
   
   
    position: relative;
    z-index: 1;
    
}
      /* --- Modal Specific CSS --- */
     #myModal.modal-overlay {
  display: flex;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.7);
  
   /* top alignment */
  padding: 0px 0; /* top & bottom spacing */
  margin: auto;
  align-items: center;
  justify-content: center;
}
    #myModal  .modal-content {
    background-color: transparent;
    margin: auto;
    position: relative;
    max-width: 1280px;
    border-radius: 0;
    width: 100%;
    padding: 0 0px 0 0;
			     height: 90vh;
    overflow: hidden;
}
     #myModal  .close-button {
    position: absolute;
    top: 16px;
    right: 18px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    background: #0000007d;
    padding: 7px;
    height: 40px;
    width: 40px;
    line-height: 26px;
    text-align: center;
    border-radius: 100%;
}

      .m-banner-container {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      }

      
  
  
  a.button-container {
    display: inline-block;
    padding: 3px 20px 3px 33px;
    border: 2px solid #0000ff;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    color: #0000ff;
    line-height: 25px;
}
a.button-container::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0000ff;
  height: 100%;
  z-index: 1;
  transition: all 0.2s ease-in;
  clip-path: polygon(0 0, 12% 0, 17% 100%, 0% 100%);
}
a.button-container:hover::before{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
transition: all 0.5s ease-in-out;
}
a.button-container:hover{
color: #fff;
transition: all 0.2s ease-in-out;
}
a.button-container span{
  position: 
  relative;
  z-index: 1;
}