body { /* font-family: 'Poppins', sans-serif; */ } @font-face { font-family: "Trajan Pro Regular"; font-style: normal; font-weight: normal; src: local("Trajan Pro Regular"), url("../fonts/TrajanPro-Regular.woff") format("woff"); }
@font-face { font-family: "Trajan Pro Bold"; font-style: normal; font-weight: normal; src: local("Trajan Pro Bold"), url("../fonts/TrajanPro-Bold.woff") format("woff"); } .dropdown:hover > .dropdown-menu { display: block; } /* .dropbtn {
background-color: #B30427; border-radius: 5px; color: white; padding: 10px; font-size: 16px; border: none; cursor: pointer;}.dropdown { position: relative; display: inline-block;}.dropdown-content { display: none; position: absolute;
background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}.dropdown-content a:hover
{background-color: #f1f1f1}.dropdown:hover .dropdown-content { display: block;}.dropdown:hover .dropbtn { background-color: #B30427;} */ .container-header { margin: 0 auto; max-width: 1400px !important; /* height: 100vh; */ } @media only
screen and (min-width: 1024px) { .container-header { margin: 0 auto; max-width: 1400px !important; /* height: 100vh; */ } } .footreContainer { padding: 20px; } .footerContent { margin: 0 auto; max-width: 1350px; padding-top: 20px; }
.headerContent { margin: 0 auto; max-width: 1350px; padding-top: 20px; } .aboutContent { margin: 0 auto; max-width: 1100px; padding-top: 20px; /* line-height: 0; */ } .achv_Content { margin: 0 auto; max-width: 1100px; padding-top: 20px; /*
line-height: 0; */ } .awardContent { margin: 0 !important; max-width: 6000px; padding-top: 20px; line-height: 0; } .visionContainer { margin: 0 auto; max-width: 1350px; padding-top: 20px; } .blogContainer { margin: 0 auto; max-width:
1350px; padding-top: 20px; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /*indicator arrow background*/ .carousel-control-next-icon, .carousel-control-prev-icon { /* background-color: rgba(0, 0, 0, 0.3)
*/ background-size: 100% 50%; border-radius: 50px; height: 40px; width: 40px; } .carousel-control-next-icon { background-position-x: 0.2em; } /* Carousel base class */ .carousel { margin-bottom: 4rem; } /* Since positioning the image, we
need to help out the caption */ /* .carousel-caption { z-index: 10; bottom: 3rem; } */ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap"); .blogs_page p { font-size: 20px; line-height: 30px; } .blogs_page
h1 { font-family: "Playfair Display", serif; padding: none; } .blogs_page h1:after { display: none; } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px;
margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0); border: 1px solid #b30427; } /* Declare heights because of positioning of img element */ .carousel-item { height: 100vh; background-color:
#777; } .carousel-item > img { /* position: absolute; */ /* top: 0; left: 0; min-width: 100%; height: 25rem; */ } .carousel-caption { position: absolute; right: 66%; bottom: 20px; left: 3%; z-index: 10; padding-top: 20px; padding-bottom:
20px; color: #fff; text-align: center; } .carousel-indicators .active { background-color: #b30427; } /* MARKETING CONTENT -------------------------------------------------- */ p { font-size: 18px; font-weight: 400 !important; } h6 {
font-size: 16px !important; font-weight: lighter !important; } /* Center align the text within the three columns below the carousel */ .marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; } .marketing h2 { font-weight: normal;
} .marketing .col-lg-4 p { margin-right: 0.75rem; margin-left: 0.75rem; } .text-justify { text-align: justify !important; } /* Featurettes ------------------------- */ .featurette-divider { margin: 5rem 0; /* Space out the Bootstrap
<hr />
more */ } /* Thin out the marketing headings */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -0.05rem; } /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width: 40em) { /* Bump
up size of carousel content */ .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; } .featurette-heading { font-size: 50px; } } @media (min-width: 62em) { .featurette-heading { margin-top: 7rem; } }
.border_about { border-left: 2px solid black !important; height: 60px; padding-left: 10px; } .btn-outline-danger { color: #b30427; border: 2px solid #b30427; border-radius: 0%; font-weight: 600; } /*==================== Footer
====================== */ /* Main Footer */ footer .main-footer { padding: 20px 0; background: #252525; } footer ul { padding-left: 0; list-style: none; } /* Copy Right Footer */ .footer-copyright { background: #222; padding: 5px 0; }
.footer-copyright .logo { display: inherit; } .footer-copyright nav { float: right; margin-top: 5px; } .footer-copyright nav ul { list-style: none; margin: 0; padding: 0; } .footer-copyright nav ul li { border-left: 1px solid #505050;
display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; } .footer-copyright nav ul li a { color: #969696; } .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; } .footer-copyright p { color: #969696;
margin: 2px 0 0; } /* Footer Top */ .footer-top { background: #252525; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #222; } /* Footer transparent */ footer.transparent .footer-top, footer.transparent .main-footer {
background: transparent; } footer.transparent .footer-copyright { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); } /* Footer light */ footer.light .footer-top { background: #f9f9f9; } footer.light .main-footer { background: #f9f9f9;
} footer.light .footer-copyright { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); } /* Footer 4 */ .footer- .logo { display: inline-block; } /*==================== Widgets ====================== */ .widget { padding: 20px;
margin-bottom: 40px; } .widget.widget-last { margin-bottom: 0px; } .widget.no-box { padding: 0; background-color: transparent; margin-bottom: 40px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none;
-o-box-shadow: none; } .widget.subscribe p { margin-bottom: 18px; } .widget li a { color: #b30427; } .widget li a:hover { color: #b30427; } .widget-title { margin-bottom: 20px; } .widget-title span { background: #839fad none repeat scroll 0
0; display: block; height: 1px; margin-top: 25px; position: relative; width: 20%; } .widget-title span::after { background: inherit; content: ""; height: inherit; position: absolute; top: -4px; width: 50%; } .widget-title.text-center span,
.widget-title.text-center span::after { margin-left: auto; margin-right: auto; left: 0; right: 0; } .widget .badge { float: right; background: #7f7f7f; } .typo-light h1, .typo-light h2, .typo-light h3, .typo-light h4, .typo-light h5,
.typo-light h6, .typo-light p, .typo-light div, .typo-light span, .typo-light small { color: #fff; } ul.social-footer2 { margin: 0; padding: 0; width: auto; } ul.social-footer2 li { display: inline-block; padding: 0; } ul.social-footer2 li
a:hover { background-color: #b30427; } ul.social-footer2 li a { display: block; height: 30px; width: 30px; text-align: center; } /* .btn{background-color: #ff8d1e; color:#fff;} */ .btn:hover, .btn:focus, .btn.active { background: #b30427;
color: rgb(255, 255, 255); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0
15px 30px rgba(0, 0, 0, 0.1); -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s;
} .footer-widget-heading h3 { color: #343a40; font-size: 26px; /* font-weight: 600; */ margin-bottom: 13px; margin-top: 17px; position: relative; } .footer-widget-heading h3::before { content: ""; position: absolute; left: 0; bottom: -15px;
height: 2px; width: 50px; /* background: #ff5e14; */ } .footer-widget ul li { display: inline-block; float: left; width: 50%; margin-bottom: 12px; } /* .footer-widget ul li a:hover{ color: #ff5e14; } */ .footer-widget ul li a { color:
#343a40; text-transform: capitalize; font-size: 15px; font-weight: 500 !important; } .widget-stat .media { padding: 0px; align-items: center; } .widget-stat .media span { height: 85px; width: 85px; border-radius: 50px; padding: 10px 12px;
font-size: 32px; display: flex; justify-content: center; align-items: center; color: #464a53; min-width: 85px; } .media { display: flex; /* align-items: flex-start; */ } .media-body { flex: 1; } .card-body { flex: 1 1 auto; padding: 15px
!important; } .widget-stat[class*="bg-"] .media > span { background-color: #ffffff; color: #fff; transition: 0.5s; } .bg-dashboard { background-color: #f5f5f5 !important; color: black; transition: 0.5s; border-radius: 0px 80px 0px 0px; }
.bg-dashboard1 { background-color: #f5f5f5 !important; color: black; transition: 0.5s; border-radius: 0px 0px 0px 80px; } .footer-bg { background-image: url(../image/footer.png); background-size: cover; } .btn:hover, .btn:focus, .btn.active
{ background: #b30427; color: rgb(255, 255, 255); -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%); -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 15px 30px rgba(0, 0, 0,
0.1); box-shadow: 0 15px 30px rgb(0 0 0 / 10%); -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all
250ms ease-in-out 0s; } .vertical { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: left top 0; -moz-transform-origin: left top 0;
-webkit-transform-origin: left top 0; transform-origin: left top 0; background: #e23737; color: #fff; margin-left: 40px; padding: 10px; border: 1px solid #ccc; text-transform: uppercase; border: 1px solid #b52c2c; text-transform: 1px 1px
0px rgba(0, 0, 0, 0.5); box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1); float: left; } .vartical { top: 379px; position: relative; width: 50px; right: 100px; color: rgb(16 13 8 / 5%); font-size: 70px; font-weight: 900; white-space: nowrap;
-ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); } .translate-middle { transform: translate(-4%, -120%) !important; } .card { background: #fff; box-shadow: 0 6px
10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05); border: 1; /* border-radius: 1rem; */ } .img-hover-zoom--colorize img { /* border-radius: 50%; */ width: 150px; /* height: auto; */ margin-top: 20px; padding: 1px; transition: transform
0.5s; filter: grayscale(100%); } .img-hover-zoom--colorize:hover img { filter: grayscale(0); transform: scale(1.05); } .card h5 { overflow: hidden; height: 80px; font-weight: 300; font-size: 1rem; } .card h5 a { color: black;
text-decoration: none; } .role { color: #7a7a7a; } .box { display: flex; align-items: center; justify-content: center; } .fab { font-size: 1.5rem; color: darkgray; transition: transform 0.5s; } .fab:hover { color: black; transform:
scale(1.1); } .card h2 { font-size: 1rem; } /* MEDIA */ @media only screen and (min-width: 1200px) { .img-hover-zoom--colorize img { width: 200px; } } @media only screen and (min-width: 1200px) { .h1, h1 { font-size: 2rem; } } .achv_img {
background: url(../image/Achievements_img_1.png); background-size: contain; background-repeat: no-repeat; } .achv_icon { background: #f1f1f1; border-radius: 70px; height: 70px; width: 70px; margin: 0 auto; } .achv_icon img { width: 40px;
margin: 0 auto; display: block; height: 69px; } #achievements_section .achv_title { font-size: 24px !important; color: #b30427; font-weight: 700 !important; text-align: center; /* line-height: 1; */ } #achievements_section p { font-weight:
600 !important; text-align: center; /* line-height: 1.2 ; */ margin: 0; } #achievements_section .card { border: 1px solid #bbbbbb; padding: 6px 6px; border-radius: 5px; margin: 0 0 10px 0; } .achv_bg { background-image:
url(../image/IMG_0360.png); background-repeat: no-repeat; background-size: 1920px 780px; } .bg_award { background-image: url(../image/image-1.png); background-size: contain; background-repeat: no-repeat; height: 530px; } .award_border {
top: 10px; margin-left: 50px; color: #ffffff; border-left: 2px solid white; height: 70px; font-weight: 700; font-size: 50px; } .btn:first-child:hover, :not(.btn-check) + .btn:hover { background-color: #b30427 !important; color: #ffffff
!important; } #achievements_section .inhouse_title { font-size: 24px !important; color: #b30427; font-weight: 700 !important; text-align: center; /* line-height: 1; */ } .certifi_icon { /* background: #f1f1f1; */ width: 350px; margin: 30px
auto 12px auto; } .certifi_icon img { background-color: #d3d3d36e; width: 250px; margin: 0 auto; display: block; padding: 15px; border-radius: 10px; /* height: 69px; */ } .award_icon { /* background: #f1f1f1; */ width: 350px; margin: 30px
auto 12px auto; } .award_icon img { background-color: white; width: 309px; height: 190px; /* margin: 0 auto; */ display: block; padding: 15px; border-radius: 10px; /* height: 69px; */ } .section-contact .header-section .title { position:
relative; margin-bottom: 17px; text-transform: uppercase; font-weight: 700; font-size: 55px; } .section-contact .header-section .title .dot { display: inline-block; position: absolute; bottom: 8px; width: 8px; height: 8px; margin-left: 3px;
background-color: #df383f; } .section-contact .header-section .description { font-family: "Roboto", sans-serif; color: #2a6287; } .section-contact .header-section .big-title { position: absolute; bottom: 100%; left: 50%; transform:
translate(-50%, 70%); font-size: 120px; font-weight: 700; opacity: 0.15; } .section-contact .form-contact .single-input { position: relative; margin-top: 40px; } .section-contact .form-contact .single-input i { position: absolute; top:
13px; left: 15px; color: #de3842; } .section-contact .form-contact .single-input input, .section-contact .form-contact .single-input textarea { width: 100%; border: none; /* border-bottom: 2px solid #07395c; */ padding-left: 50px;
padding-bottom: 6px; padding-bottom: 6px; font-size: 15px; font-weight: 700; text-transform: uppercase; transition: border 0.3s; } .section-contact .form-contact .single-input input::placeholder, .section-contact .form-contact .single-input
textarea::placeholder { color: rgba(7, 57, 92, 0.3); } .section-contact .form-contact .single-input input:focus, .section-contact .form-contact .single-input textarea:focus { border-color: #df383f; } .section-contact .form-contact
.single-input textarea { height: 150px; min-height: 50px; } .section-contact .form-contact .submit-input input { margin-top: 40px; padding: 15px 50px; background-color: #de3842; color: #fff; border: none; font-weight: 700; transition:
background-color 0.3s; } .section-contact .form-contact .submit-input input:hover { background-color: #07395c; } @media (max-width: 575.99px) { .section-contact { padding: 00px 0px; } .section-contact .header-section .title { font-size:
40px; } .section-contact .header-section .big-title { font-size: 80px; } .section-contact .header-section .description { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767.99px) { .section-contact { padding: 0px 0px; }
.section-contact .header-section .title { font-size: 45px; } .section-contact .header-section .big-title { font-size: 100px; } } @media (min-width: 768px) and (max-width: 991.99px) { .section-contact { padding: 0px 0px; } .section-contact
.header-section .title { font-size: 45px; } .section-contact .header-section .big-title { font-size: 100px; } } .about_h { border: 5px solid black; } .vg_contanier { margin: 0 auto; max-width: 1050px; padding-top: 20px; } .icon {
background: #f1f1f1; border-radius: 70px; height: 70px; width: 70px; margin: -30px auto 32px auto; } .icon img { width: 40px; margin: 0 auto; display: block; height: 69px; } .darsh { background: #f1f1f1; border-radius: 70px; height: 70px;
width: 70px; margin: 10px auto 32px auto; } .darsh img { width: 40px; margin: 0 auto; display: block; height: 69px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: inherit !important; width: 100%; min-height: 1px; padding-right: 15px;
padding-left: 15px; } .darshu { position: absolute; left: 170px; top: 130px; } /* .section-contact .header-section .title { position: relative; margin-bottom: 17px; text-transform: uppercase; font-weight: 700; font-size:
55px;}.section-contact .header-section .title .dot { display: inline-block; position: absolute; bottom: 8px; width: 8px; height: 8px; margin-left: 3px; background-color: #df383f;}.section-contact .header-section .description { font-family:
"Roboto", sans-serif; color: #2a6287;}.section-contact .header-section .big-title { position: absolute; bottom: 100%; left: 50%; transform: translate(-50%,70%); font-size: 120px; font-weight: 700; opacity: 0.15;} .section-contact
.form-contact .single-input { position: relative; margin-top: 40px;}.section-contact .form-contact .single-input i { position: absolute; top: 17px; left: 15px; color: #de3842;}.section-contact .form-contact .single-input
input,.section-contact .form-contact .single-input textarea { width: 100%; border: none; /* border-bottom: 2px solid #07395c; */ /* padding-left: 50px; padding-bottom: 15px; padding-top: 15px; font-size: 15px; font-weight: 700;
text-transform: uppercase; transition: border .3s;} */ .section-contact .form-contact .single-input input::placeholder, .section-contact .form-contact .single-input textarea::placeholder { color: rgba(7, 57, 92, 0.3); } .section-contact
.form-contact .single-input input:focus, .section-contact .form-contact .single-input textarea:focus { border-color: #df383f; } .section-contact .form-contact .single-input textarea { height: 150px; min-height: 50px; } .section-contact
.form-contact .submit-input input { margin-top: 40px; padding: 15px 50px; background-color: #de3842; color: #fff; border: none; font-weight: 700; transition: background-color 0.3s; } .section-contact .form-contact .submit-input input:hover
{ background-color: #07395c; } @media (max-width: 575.99px) { .section-contact { padding: 0px 0px; } .section-contact .header-section .title { font-size: 40px; } .section-contact .header-section .big-title { font-size: 80px; }
.section-contact .header-section .description { font-size: 14px; } } @media (min-width: 576px) and (max-width: 767.99px) { .section-contact { padding: 0px 0px; } .section-contact .header-section .title { font-size: 45px; } .section-contact
.header-section .big-title { font-size: 100px; } } @media (min-width: 768px) and (max-width: 991.99px) { .section-contact { padding: 0px 0px; } .section-contact .header-section .title { font-size: 45px; } .section-contact .header-section
.big-title { font-size: 100px; } } */.dropdown-item.active, .dropdown-item:active { color: #fff !important; text-decoration: none !important; /* border-radius: 50px !important; */ background-color: #b30427 !important; } .dropdown-item {
transition: 0.3s; font-weight: 400 !important; } .dropdown-item:focus, .dropdown-item:hover { color: #b30427 !important; text-decoration: none !important; /* border-radius: 50px !important; */ background-color: transparent !important; }
.btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgb(179 4 39 / 25%) !important; } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: #fff
!important; background-color: #b30427 !important; border-color: var(--bs-btn-active-border-color); } .button_a { float: left; min-width: 150px; max-width: 250px; display: block; margin: 3em; padding: 0.5em 1em; border: none; background:
none; color: inherit; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .button_a:focus { outline: none; } .button_a > span { vertical-align: middle; }
.button--isi { padding: 0.5em 1em; color: rgb(0, 0, 0); /* background: #7986cb; */ overflow: hidden; } .button--isi:hover { color: #fff; transition: 0.5s; } .button--isi::before { content: ""; z-index: -1; position: absolute; top: 50%;
left: 100%; margin: -15px 0 0 1px; width: 30px; height: 30px; border-radius: 50%; background: #b30427; color: #ffffff; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform:
scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9,
1); } .button--isi .button__icon { vertical-align: middle; } .button--isi > span { vertical-align: middle; padding-left: 0.75em; } .button--isi:hover::before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); }
.button--border-thin { border: 2px solid #b30427; } .button--round-s { border-radius: 5px; } .button--size-s { font-size: 16px; font-weight: 700; } .about_hover { -webkit-transition: all 0.8s ease-in-out; } .about_hover:hover { filter:
none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); /* IE 9 */ transform: scale(1.04); } h1 { color: #000; display: inline-block; margin: 0;
text-transform: uppercase; } h1:after { display: block; content: ""; border-bottom: solid 3px #b30427; transform: scaleX(0); transition: transform 250ms ease-in-out; } h1:hover:after { transform: scaleX(1); } .about_hover:hover h1 { color:
#b30427; } .about_hover:hover h1:after { content: ""; border-bottom: solid 3px #b30427; transform: scaleX(0); transition: transform 250ms ease-in-out; transform: scaleX(1); } .companyvalue img { -o-object-fit: cover; object-fit: cover;
-webkit-transition: all 0.5s; transition: all 0.5s; } .img { border-radius: 0.25rem; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .companyvalue:hover img { -webkit-transform: scale(1.3); transform: scale(1.3);
-webkit-transition: all 0.5s; transition: all 0.5s; } .blog_btn { color: #fff; background-color: #b30427; border-radius: 0px !important; margin: 10px 10px 10px 0px; } .vip_btn { color: #fff; background-color: #317302; border-radius: 0px
!important; padding: 6px 10px 6px 10px; border: none; margin: 10px 10px 10px 0px; } .csr_btn { color: #fff; background-color: #f26a1b; border-radius: 0px !important; margin: 10px 10px 10px 0px; padding: 6px 10px 6px 10px; border: none; }
span.plus:after { content: "+"; display: inline-block; } .card.inhouse_hover { border: 1px solid #fff !important; } .inhouse_hover:hover { border: 1px solid #b30427 !important; transition: 0.5s !important; } .swap-on-hover { position:
relative; /* margin: 0 auto; */ } .swap-on-hover img { position: absolute; top: 13px; left: 15px; width: 42px; overflow: hidden; } .swap-on-hover .swap-on-hover__front-image { z-index: 9999; transition: opacity 0.5s; cursor: pointer; }
.swap-on-hover:hover > .swap-on-hover__front-image { opacity: 0; } .inhouse_icon { background: #f1f1f1; border-radius: 70px; height: 70px; width: 70px; transition: 0.5s !important; margin: -30px auto 32px auto; } .inhouse_icon:hover {
background: #b30427; border-radius: 70px; height: 70px; width: 70px; margin: -30px auto 32px auto; } .inhouse_hover:hover .inhouse_icon { background: #b30427 !important; } .inhouse_hover:hover .swap-on-hover img { z-index: 0; }
input:focus-visible { outline: #b30427 auto 1px; } textarea:focus-visible { outline: #b30427 auto 1px; } .plam_oil_hover { background: #f1f1f1; border-radius: 70px; height: 70px; width: 70px; margin: 30px auto 30px auto; transition: all
0.3s; } .plam_oil_hover img { width: 40px; margin: 0 auto; display: block; height: 69px; top: 0px; } .plam_oil { border: 1px solid #b30427 !important; box-shadow: 0 1px 3px rgba(179, 4, 39, 0.12), 0 1px 2px rgba(179, 4, 39, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .plam_oil:hover { box-shadow: 0 0px 0px rgb(179 4 39 / 25%), 0 7px 10px rgb(179 4 39 / 22%); } .plam_oil:hover .swap-on-hover img { z-index: 0; } .plam_oil_img:hover { filter: none;
-webkit-filter: grayscale(0); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); /* IE 9 */ transform: scale(1.04); } .plam_oil_img { -webkit-transition: all 0.8s ease-in-out;
} /* .inhouse_icon img { width: 40px; margin: 0 auto; display: block; height: 69px;} */ /* 18. hover-border-8 */ .btn.hover-border-8::before, .btn.hover-border-8::after { bottom: 0; width: 15%; transition: width 0.2s 0.35s ease-out; }
.btn.hover-border-8::before { right: 50%; } .btn.hover-border-8::after { left: 50%; } .btn.hover-border-8:hover::before { width: 50%; transition: width 0.2s ease-in; } .btn.hover-border-8:hover::after { width: 50%; transition: width 0.1s
ease-in; } .btn.hover-border-8 span::before, .btn.hover-border-8 span::after { width: 0%; height: 0%; bottom: 0; background: transparent; opacity: 0; z-index: 2; } .btn.hover-border-8 span::before { left: 0%; /* border-left: 2px solid
rgb(54, 56, 55); */ transition: height 0.25s ease-in, opacity 0s 0.35s; } .btn.hover-border-8 span:hover::before { height: 96%; opacity: 1; transition: height 0.25s 0.2s ease-out, opacity 0s 0.2s; } .btn.hover-border-8 span::after { right:
0%; /* border-right: 2px solid rgb(54, 56, 55); */ /* border-top: 2px solid rgb(54, 56, 55); */ transition: width 0.2s ease-in, height 0.15s 0.2s linear, opacity 0s 0.35s; } .btn.hover-border-8 span:hover::after { width: 99%; height: 96%;
opacity: 1; transition: height 0.15s 0.1s linear, width 0.2s 0.25s linear, opacity 0s 0.1s; } .borderr .certifi_hover { transition: 0.3s; box-shadow: 0 1px 3px rgba(179, 4, 39, 0.12), 0 1px 2px rgba(179, 4, 39, 0.24); border-radius: 12px; }
.borderr .certifi_hover:hover { border: 1px solid #b30427 !important; box-shadow: 0 14px 14px rgba(179, 4, 39, 0.25), 0 5px 5px rgba(179, 4, 39, 0.22); box-shadow: 10px #b30427; } .form-control:focus { color: #212529; background-color:
#fff; border-color: #b30427 !important; outline: 0; box-shadow: 0 0 0 0.25rem rgb(179 4 39 / 25%) !important; } .btn-primary { background-color: transparent !important; color: #b30427 !important; border: 2px solid #b30427 !important;
border-radius: 0px !important; } .model-p .col-md-3 { padding: 2px; } .model-c .col-md-12 { padding: 0px 6px 0px 0px; } nav a { } nav a span { display: inline-block; } @media (min-width: 991.99px) and (max-width: 1230px) { nav a span {
display: block; font-size: 13px; } } nav a span:after { content: ""; display: block; margin: 0 auto; width: 0; height: 4px; color: #b30427 !important; background-color: #b30427; transition: opacity 0.6s ease, width 0.6s ease;
-ms-transition: opacity 0.6s ease, width 0.6s ease; } nav a:hover span:after { width: 100%; color: #b30427 !important; } /* .navbar-nav .nav-link.active { border-bottom: 2px solid white !important; color: #b30427 !important;} */
.dropdown.btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0rem rgba(179, 4, 39, 0) !important; } .dropdown.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color:
rgb(0, 0, 0) !important; background-color: transparent !important; border: none !important; } .dropdown .btn:hover, .btn:focus, .btn.active { background: transparent !important; color: #b30427 !important; -webkit-box-shadow: 0 15px 30px
rgb(0 0 0 / 0%); -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgb(0 0 0 / 0%) !important; -webkit-transition: all
250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -ms-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; } .dropdown .btn:hover { color: #b30427 !important; }
.nav-item a:hover { color: #b30427 !important; } .edibleoil_img:hover img, .edibleoil_img a:hover { color: #b30427 !important; } .edibleoil_img img { -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.5s; transition: all
0.5s; } .img { border-radius: 0.25rem; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .edibleoil_img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s; transition: all
0.5s; } .similer_img { height: 154px; width: 205px; margin-top: 20px; margin-left: 20px; } .form-control:focus { color: #212529; background-color: #fff; border-color: #b30427 !important; outline: 0; box-shadow: 0 0 0 0.25rem rgb(179 4 39 /
25%) !important; } .form-select:focus { border-color: #b30427 !important ; outline: 0; box-shadow: 0 0 0 0.25rem rgb(179 4 39 / 25%) !important; } .footer-text { font-weight: 500 !important; font-size: 16px !important; }
.container__img-holder { /* max-width: 280px; display: inline-block; vertical-align: top; margin-bottom: 20px; margin-left: 16px; cursor: pointer; */ } .container .container__img-holder:nth-child(3n + 1) { /* margin-left: 0; */ }
.container__img-holder img { /* width: 100%; height: 220px; display: block; */ } /* Popup Styling */ .img-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.713); display: flex; justify-content:
center; align-items: center; display: none; } .img-popup img { max-width: 900px; width: 100%; opacity: 0; transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform:
translateY(-100px); -o-transform: translateY(-100px); } .close-btn { width: 35px; height: 30px; display: flex; justify-content: center; flex-direction: column; position: absolute; top: 20px; right: 20px; cursor: pointer; } .close-btn .bar {
height: 4px; background: #333; } .close-btn .bar:nth-child(1) { transform: rotate(45deg); } .close-btn .bar:nth-child(2) { transform: translateY(-4px) rotate(-45deg); } .opened { display: flex; } .opened img { animation: animatepopup 1s
ease-in-out 0.8s; -webkit-animation: animatepopup 0.3s ease-in-out forwards; } @keyframes animatepopup { to { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform:
translateY(0); -o-transform: translateY(0); } } @media screen and (max-width: 880px) { .container .container__img-holder:nth-child(3n + 1) { /* margin-left: 0px; */ } } /* responsive css */ .aboutimg { height: 500px; } .visionimg { height:
600px; } .mission_mg { margin-left: 150px; } .companyvalue_rotate { line-height: 1; -webkit-transform: rotate(90deg); left: 105%; top: 320px; } .companyvalue_box { margin-top: -17px; width: 276px; left: 20px; } @media screen and (max-width:
320px) { .aboutimg { height: 100px; } .visionimg { height: 200px; } .mission_mg { margin-left: 0px; } .companyvalue_rotate { display: none; } } @media screen and (max-width: 768px) { h1 { font-size: 18px; } p { font-size: 12px !important; }
} @media screen and (max-width: 1024px) { h1 { font-size: 18px; } p { font-size: 12px !important; } } @media screen and (max-width: 1200px) { h1 { font-size: 18px; } p { font-size: 12px !important; } } .carousel, .carousel-inner { height:
100vh !important; } .carousel img { position: absolute; top: 0; left: 0; min-width: 100vw; height: 100vh; max-width: none; object-fit: cover; object-position: center; } @media (max-width: 320px) { /* Bump up size of carousel content */
.carousel-caption { position: absolute; right: 0%; bottom: 20%; /* align-items: center !important; */ left: 0%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } } @media (max-width: 580px) { /* Bump
up size of carousel content */ .carousel-caption { position: absolute; right: 0%; bottom: 20%; /* align-items: center !important; */ left: 0%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } } @media
(max-width: 768px) { .img_block { max-width: 40vh !important; } .about_hover span { font-size: 25px !important ; } .about_hover h2 { font-size: 20px !important; } .about_hover p { font-size: 15px !important; } .img_hide { display: block
!important; opacity: 1 !important; position: relative; width: auto; height: auto; overflow: inherit; z-index: 1; } } @media (max-width: 320px) { /* Bump up size of carousel content */ .img_block { max-width: 40vh !important; } .about_hover
span { font-size: 20px !important ; } } @media (min-width: 768px) { .card_width { max-width: 310px; left: 10px; } } @media (max-width: 320px) { .heading { font-size: 30px !important; /* border-left: 2px solid black */ } .border_about {
border-left: 2px solid black !important; height: 40px; padding-left: 10px; } } .flex-container { display: flex; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; justify-content: center; } @media only screen and (max-width: 1199px)
{ .flex-container { justify-content: left; } } .flex-container .item:first-child { margin-left: auto; } .flex-container .item:last-child { margin-right: auto; } /*new res. 06-01-2023*/ @media (max-width: 340px) { .section-contact { padding:
0px 0px; } } /*new res. 09-01-2023*/ @media (max-width: 340px) { .rc-anchor-normal .rc-anchor-pt { margin: 2px 11px 0 0; padding-right: 2px; position: absolute; right: 154px !important; text-align: right; width: 276px; } } .award_res {
height: 180px; width: 280px; margin: auto; } @media (min-width: 320px) and (max-width: 991.99px) { .award_res { margin: 0 0 0 0px; } } .image-text-overlay { width: 100%; height: 285px; background-size: cover; background-repeat: no-repeat;
position: relative; text overlay rules &.text-white { color: white; } .overlay-title { font-size: 27px; text-transform: uppercase; } .overlay-subtext { font-size: 20px; } .overlay-white { position: absolute; left: 0; top: 0; right: 0;
bottom: 0; z-index: 1; opacity: 0.7; } .overlay-white { background: #fff; } } .text-middle-left { display: table; p { display: table-cell; position: relative; z-index: 2; padding: 15px 20px 15px 20px; } } .text-middle-left p {
vertical-align: middle; text-align: left; } /* @media (min-width: 1200px) { .container { width: 1200px; }}@media screen and (max-width: 992px) { .col-md-4 { padding-bottom: 25px; }} */ .banner-bg::after { content: ""; opacity: 0.8;
position: absolute; left: 0; top: 0; background: #fff; width: 100%; height: 100%; z-index: 1; } .banner-bg { position: relative !important; min-height: 900px; background-size: 100%; background-repeat: no-repeat; background-position: center;
} .banner-bg .text-dark { position: relative; z-index: 11; }