@import url(../fonts/roboto.css);
@import url(../fonts/material.css);

/* ============================
	Base Colors
	#0032FD
	#F20000
============================ */

html {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
/* Comment KD Due to Whatsapp Sticky not working */    
/*	transform-style: preserve-3d;*/
	overflow-y: auto;
	overflow-x: hidden;
	font-family: "Roboto", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	transition: all 0.25s ease-in-out;
}

figure .img-cover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
}

.blur {
/*	background: url("../images/backgrounds/blueredgrad.png");*/
    background-color:#04367d;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
	filter: opacity(1);
	box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.9);
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.text-navyblue { 
    color: #034ea2 !important;
}

.btn-navyblue {
    background-color: #034ea2 !important;
    color: #fff;
}

.btn-navyblue:hover {
    color: #fff;
}
/*add by GK 07/05/2024 start*/

.enquiry-content{
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 750px;
    height: auto;
    padding-left: 2rem;
    margin-bottom: 1rem;
    color: #fff;
    z-index: 999;
    background-image: linear-gradient(to left top, orange, blue,red);
    transition: 2s ease;
}
.show-enquiry{
    top: 60%;
}
.close-btn{
    position: absolute;
    right: 0;
    margin-right: 1rem;
    cursor: pointer;
}

/*add by GK 07/05/2024 end*/

@font-face {
/*	font-family: FontAwesome;
	src: url(../webfonts/fa-solid-900.woff);*/
}
@font-face {
	font-family: myFirstFont;
	src: url(../webfonts/itc-machine-medium.otf);
}
.font-itc{
    font-family: myFirstFont;
    color:#fefefe !important; /* #eab676*/
    text-shadow: 5px 5px 5px #873e23;
}
@font-face {
	font-family: mySecondFont;
	src: url(../webfonts/martellas-sans.ttf);
}
.font-sans{
    font-family: mySecondFont;
}

/* ==================================
    Background Images
================================== */

#enquiryModalContent {
	background-image: url("../images/backgrounds/enquiry-back.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#enquiryCharacter {
	background-image: url("../images/backgrounds/litte-singham.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


.center-select-div{
    color: #FFFFFF!important;
}

/*#photoshopBackground {*/
/*	background-image: url("../images/photoshop-course.jpg");*/
/*	background-position: center center;*/
/*	background-repeat: no-repeat;*/
/*    background-size: 900px 900px;*/
/*}*/

#photoshopFormColumn {
	background-image: linear-gradient(270deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%), url("../images/pscformback2.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#careerCardsBlock {
	background-image: url("../images/backgrounds/section-bg.jpg");
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

#footerBackground {
	background-image: url("../images/backgrounds/footer-bg.png");
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#placement_company {
	background: linear-gradient(to top, #30cfd0c9 0%, #330867c9 100%),
		url("../images/backgrounds/companiesback.svg");
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
}

#enquiryModalBody {
	background-image: url("../images/backgrounds/enquiry-back.jpg");
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-white-50 {
	background-color: rgba(255, 255, 255, 0.5);
}

.bg-dark-50 {
	background-color: rgba(0, 0, 0, 0.25);
}

.brd-none {
	border: none !important;
}

.brdr-0 {
	border-radius: 0px !important;
}

.brdr-2 {
	border-radius: 2px !important;
}

.brdr-4 {
	border-radius: 4px !important;
}

/* .brd-btm-red {
	  border-bottom: 2px solid #f20000;
  } */

.brd-left-white {
	border-left: 1px solid #fff !important;
}

.brd-left-darkblue {
	border-left: 2px solid #0032fd !important;
}

.brd-left-darkblue:focus {
	border: 1px solid #0032fd !important;
}

.border-bottom-after::after {
	content: "";
	position: absolute;
	top: 90px;
	left: 24px;
	width: 20%;
	display: block;
	border-bottom: 2px solid #f20000;
	transition: all 0.5s ease-in-out;
}

.brd-btm-only {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #e7e7e7;
}

.brd-top-only {
	border-top: 0.25px solid #e2e2e2f0 !important;
}

.brd-left-only {
	border-left: 1px solid #e7e7e7;
}

.brd-right-only {
	border-right: 1px solid #e7e7e7;
}

.text-overflow {
	white-space: nowrap !important;
	text-overflow: clip !important;
}

.fs-8 {
	font-size: 8pt !important;
}

.fs-9 {
	font-size: 9pt !important;
}

.fs-10 {
	font-size: 10pt !important;
}

.fs-11 {
	font-size: 11pt !important;
}

.fs-12 {
	font-size: 12pt !important;
}

.fs-13 {
	font-size: 13pt !important;
}

.fs-14 {
	font-size: 14pt !important;
}

.fs-15 {
	font-size: 15pt !important;
}

.fs-16 {
	font-size: 16pt !important;
}

.fs-18 {
	font-size: 18pt !important;
}

.fs-20 {
	font-size: 20pt !important;
}

.fs-22 {
	font-size: 22pt !important;
}

.fs-24 {
	font-size: 24pt !important;
}

.fs-28 {
	font-size: 28pt !important;
}

.fs-30 {
	font-size: 30pt !important;
}

.fs-32 {
	font-size: 32pt !important;
}

.fs-34 {
	font-size: 34pt !important;
}

.fs-36 {
	font-size: 36pt !important;
}

.fs-38 {
	font-size: 38pt !important;
}

.fs-40 {
	font-size: 40pt !important;
}

.fs-48 {
	font-size: 48pt !important;
}

.fs-56 {
	font-size: 56pt !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.btn-blue-rad-grad {
	background-color: #8a2387; /* fallback for old browsers */
	background-color: -webkit-linear-gradient(
		to right,
		#f27121,
		#e94057,
		#8a2387
	); /* Chrome 10-25, Safari 5.1-6 */
	background-color: linear-gradient(
		to right,
		#f27121,
		#e94057,
		#8a2387
	); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.blur-1 {
	filter: blur(10px) !important;
}

.bxsh-0 {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.12);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.bxsh-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.bxsh-1:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.bxsh-2 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.bxsh-3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.bxsh-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.bxsh-5 {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.txtsh-0 {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.12);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.txtsh-1 {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.txtsh-1:hover {
	text-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
		0 10px 10px rgba(0, 0, 0, 0.22);
}

.txtsh-2 {
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.txtsh-3 {
	text-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.txtsh-4 {
	text-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
		0 10px 10px rgba(0, 0, 0, 0.22);
}

.txtsh-5 {
	text-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

/* ============================
	Absolute Positions
============================ */
.top-0 {
	top: 0px !important;
}

.bottom-0 {
	bottom: 0px !important;
}

.right-0 {
	right: 0px !important;
}

.left-0 {
	left: 0px !important;
}

.m-top-78 {
	margin-top: 78px !important;
}

/* ============================
	Navbar Styles
============================ */
.nav-link {
	font-size: 14px;
	color: #6eccdd !important;
	padding: 1.75rem 1.75rem;
	white-space: nowrap;
}
.navbar .nav-link.active {
    color: yellow !important;
}
.hvr-underline-from-center.active{
    color:yellow !important;
}

.hvr-fade:hover .nav-link {
	color: #ffffff !important;
}

.dropdown-item {
	font-size: 14px;
	color: #f00;
}

.dropdown-submenu {
	position: relative;
	margin: 0px;
	padding: 0px;
}

.dropdown-submenu a::after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: 1.15em;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0rem;
	margin-right: 0.1rem;
}

/* ============================ 
    Divider
============================ */
.divider {
	display: block;
	border-bottom: 2px solid #f20000;
	margin: 0.5rem 0px;
	border-radius: 50px;
	height: 4px;
}

/* ============================ 
    LINE HEIGHT
============================ */
.line-height-0 {
	line-height: 0 !important;
}

/* ============================ 
    POINTING CURSOR
============================ */
/* Changes By Gayatri */
/*.card,
img {
	cursor: pointer !important;
}*/

/* ============================ 
    Material Checkbox
============================ */

.md-checkbox {
	position: relative;
	margin: 1em 0;
	text-align: left;
}
.md-checkbox.md-checkbox-inline {
	display: inline-block;
}
.md-checkbox label {
	cursor: pointer;
	display: inline;
	line-height: 1.25em;
	vertical-align: top;
	clear: both;
	padding-left: 1px;
}
.md-checkbox label:not(:empty) {
	padding-left: 0.75em;
}
.md-checkbox label:before,
.md-checkbox label:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
.md-checkbox label:before {
	width: 1.25em;
	height: 1.25em;
	background: #fff;
	border: 2px solid rgba(0, 0, 0, 0.54);
	border-radius: 0.125em;
	cursor: pointer;
	transition: background 0.3s;
}
.md-checkbox input[type="checkbox"] {
	outline: 0;
	visibility: hidden;
	width: 1.25em;
	margin: 0;
	display: block;
	float: left;
	font-size: inherit;
}
.md-checkbox input[type="checkbox"]:checked + label:before {
	background: #0034e2;
	border: none;
}
.md-checkbox input[type="checkbox"]:checked + label:after {
	transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
	width: 0.75em;
	height: 0.375em;
	border: 0.125em solid #fff;
	border-top-style: none;
	border-right-style: none;
}
.md-checkbox input[type="checkbox"]:disabled + label:before {
	border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox input[type="checkbox"]:disabled:checked + label:before {
	background: rgba(0, 0, 0, 0.26);
}

/* ============================ 
    INPUT HOVER
============================ */
input[type],
select {
	transition: all 0.3s ease-in-out !important;
}

input[type]:focus,
select {
/*	color: #f20000;*/
	border: 0.5px solid #0342ea !important;
}

/* ============================ 
    Footer 
============================ */

.footer {
	position: relative;
	left: 0px;
	bottom: 0px;
	height: auto;
	width: 100%;
	background-image: linear-gradient(
		135deg,
		rgba(240, 95, 87, 0.8) 10%,
		rgba(54, 9, 64, 0.8) 100%
	);
	background-size: cover;
}

/* ============================ 
    Custom Scrollbar 
============================ */
/* width */
/* ::-webkit-scrollbar {
	width: 8px;
	height: 10px;
	margin-left: 5px;
	margin-right: 5px;
} */

/* Track */
/*::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0);
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
	background: #5f6fff;
	border-radius: 0px;
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
	background: #0032fd;
}*/

/* Thank you modal */
#thankYouModal svg {
    width: 100px;
    display: block;
    margin: 16px auto 0;
}

#thankYouModal .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

#thankYouModal .path.circle {
    -webkit-animation: dash 0.9s ease-in-out;
    animation: dash 0.9s ease-in-out;
}

#thankYouModal .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
    animation: dash 0.9s 0.35s ease-in-out forwards;
}

#thankYouModal .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
    animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

#thankYouModal p {
    text-align: center;
    margin: 8px 0 60px;
    font-size: 1.25em;
}

#thankYouModal p.success {
    color: #73AF55;
}

#thankYouModal p.error {
    color: #D06079;
}


@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}
    

/* Media Queries */
@media only screen and (max-width: 992px) {
	.nav-link {
		padding: 0.75rem 0.75rem !important;
	}

	.navbar {
		padding: 0.75rem !important;
	}
	.item-scroll{
         overflow-y: scroll; 
         overflow-x: scroll; 
         height: 400px;
   }
   .bg_form{
         width: 90%;
         height: 100%;
   }
}
/* add by GK 07/05/2024  -- start */

/* add by GK 04/05/2024  -- start */

/* mobile view media query start-> */

@media only screen and (min-width: 300px) and (max-width: 760px){
    
    /* remove the white space */
    html,body{
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    }
    
    /*banner button media css*/
    .banner-btn-groups{
       position: relative;
       display: block;
       margin-top: -0.70rem;
    }
    
    .banner-btn-groups h1{
        margin-bottom: -2rem;
    }
    
    .banner-btn-top{
        margin-top: -1rem;
    }
    
    .banner-btn{
        margin-left: 60%;
    }
    
    
    .nav-link{
        font-size: 14px !important;
    }
    
    .enquiry-bt{
        position: absolute;
        top: 50%;
    }
    
    .contain-section{
        margin-left: -1.7rem;
    }
    
    .img-courses{
        margin-right: 2rem !important;
    }
    
    .contact-section{
        width: 100%;
    }
    
    .readButton{
        margin-left: 2rem;
        margin-bottom: 1rem;
    }
    
    .contain-flex{
        display: flex;
    }
    
    .img-size img{
        width: 200px;
        height: 23vh;
    }
    
   .text-corner{
        font-size: 10px;
    }
    
    /*footer css*/
    .dench-footer ul li a,
    .dench-footer p a{
        font-size: 13px;
    }
    
    .contain-dench{
        margin-left: 20px;
    }
    
    .recaptcher-content{
        margin-left: 2.7rem;
    }
    
    .enquiry_btn {
        position: fixed;
        z-index: 99999;
        top: 45%;
        left: 92%;
        box-shadow: none;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        background: linear-gradient(to left top, orange, blue, red);
        animation: newAnimation 5s infinite alternate;
    }

    @keyframes newAnimation {
        0% {
            background: linear-gradient(to left top, orange, blue, red);
        }
        60% {
            background: linear-gradient(to left top, red, blue, blue);
        }
        100% {
            background: linear-gradient(to left top, orange,blue, red);
        }
    }
    
    .from-selection-redius{
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    
    .recap{
        margin-left: -2rem;
    }
    
    .g-recaptcha{
        margin-left: -3rem;
    }
    .enquiry_btn p{
        font-weight: 900;
        position: relative;
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        padding-right: 0.80rem;
        border-radius: 2rem;
        margin-top: -1rem;
    }
    
    .enquiry_btn p:first-child{
        padding-top: 1.5rem;
    }
    .enquiry_btn p:last-child{
        padding-bottom: 0.30rem;
    }
    .form-con{ 
        position: absolute;
        padding: 0;
        margin: 0;
        width: 340px;
        left: 0;
        background: #fff;
        z-index: 2147483647;
    }
      /* footer query */
    .contain-dench{
        /*margin-left: 1rem;*/
        text-align: center;
    }
    
   
   /* About Us page slider query */
    .carousel-item{
        height: 109vh;
    }
    .back-size{
        margin-top: -10%;
        border: none;
        height: 109vh;
    }
    .cart-image1{
        width: 156px;
        height: 156px;
    }
    .hedding-text{
       position: absolute;
       top: 20%;
       left: 0.40rem;
    }
    .center-t{
        text-align: center;
    }
    .cart-image{
        width: 156px;
        height: 156px;
    }
    
    /* homae page banner query*/
    #homeBanner h1{
        margin-top: -1.8rem;
        font-size: 15px;
        margin-bottom: 2rem;
        margin-right: -30px;
    }
 
   #homeBanner a{
      font-size:10px;    
      margin-right:-30px;
      padding-bottom:5px;
      /*margin-top:0.1px;*/
      /*margin-bottom:5px;*/
       
    }
    #homeBanner a.action{
        padding-left: 20px;
        margin-top: -2.1rem;
    }
    #homeBanner a.action2{
        padding-left: 10px;
        margin-top: -3rem;
    }
     #homeBanner a.action3{
        padding-left: 10px;
        margin-top: -4rem;
    }
}
/*course page navigation bar media query */
@media screen and (min-width: 760px) and (max-width: 1300px){
    html,body{
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: hidden;
    }
    .margin-con{
        margin-top: -1rem !important;
    }
    .card-p,
    .center-t{
        margin-left: -4rem;
    }
    
    /*.flip-card-front{*/
    /*    width: 20px !important;*/
    /*}*/
    .flip-card-front,
    .flip-card-back,
    .flip-card-front img{
        width: 240px !important;
    }
    .flip-card{
        margin-left: -4rem;
    }
    .flip-card-back{
         margin-left: 3.7rem;
    }
    .course-title{
        font-size: 25px;
        padding-left: 1rem;
        margin-top: 23%;
    }
    /*.contain-section{*/
    /*    margin-left: 3rem;*/
    /*}*/
    .text-corner{
        font-size: 20px;
    }
    .img-size img{
        width: 200px;
        height: 23vh;
    }
    .course-content{
        display: block;
    }
    .contain-section{
        margin-left: 0;
    }
    .recaptcher-content{
        margin-left: 3rem;
    }
    
     .readButton{
        margin-left: 28%;
    }
    
    .recaptcher-contact1{
        margin-left: 10%;
    }
    /*About us media query */
    .carousel-item{
        height: 20vh;
    }
    
    .back-size{
        margin-top: -10%;
        border: none;
        height: 23vh;
    }
    .cart-image{
        position: absolute;
        margin-top: 5rem;
        height: 190px;
    }
    /* main footer query */
    .contain-dench{
        margin-left: 130px;
        text-align: center;
    }
    .dench-footer{
        margin-left: 1rem;
    }
    /*Home banner query */
    #homeBanner{
        height: 300px;
    }
    #homeBanner h1{
        margin-bottom: 2rem;
        margin-right: -20px;
    }
    #homeBanner a.action{
        margin-top: 1rem;
        padding-left: 30px;
    }
    #homeBanner a.action2{
        margin-right: -21%;
        margin-top: 2rem;
    }
    #homeBanner a.action3{
        padding-left: 20px;
        margin-top: 2.8rem;
        margin-right: -22%;
    }
  /*  #homeBanner a{
        margin-top: 1rem;
        margin-right: -15px;
    }*/
    /* navbar query */
    .navbar-toggler{
       margin-top: -60px;
       margin-left: 95%;
    }
    /*Enquiry button Query */
    .enquiry_btn {
        position: fixed;
        z-index: 99999;
        top: 45%;
        left: 96%;
        box-shadow: none;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        background: linear-gradient(to left top, orange, blue, red);
        animation: newAnimation 5s infinite alternate;
    }
    .recap{
        margin-left: -2rem;
    }
    .g-recaptcha{
        margin-left: -3rem;
    }
    .enquiry_btn p{
        font-weight: 900;
        position: relative;
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        padding-right: 0.80rem;
        border-radius: 2rem;
    }
    .enquiry_btn p{
        font-weight: 900;
        position: relative;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        padding-right: 0.80rem;
        border-radius: 2rem;
        margin-top: -1rem;
    }
    
    .enquiry_btn p:first-child{
        padding-top: 1.5rem;
    }
    .enquiry_btn p:last-child{
        padding-bottom: 0.30rem;
    }
    
    .form-con{ 
        position: absolute;
        padding: 0;
        margin: 0;
        width: 340px;
        left: 0;
        background: #fff;
        z-index: 2147483647;
    }

    @keyframes newAnimation {
        0% {
            background: linear-gradient(to left top, orange, blue, red);
        }
        60% {
            background: linear-gradient(to left top, red, blue, blue);
        }
        100% {
            background: linear-gradient(to left top, orange,blue, red);
        }
    }
    
    
}
/* <- mobile view media query */

/* desktop view media query */

@media only screen and (min-width: 1350px) and (max-width: 2500px){
    .enquiry_btn{
        display: flex;
        margin-top: 0.90rem;
    }
    .contain-class{
        width: 100%;
        padding-right: 6.5rem;
        padding-left: 6.5rem;
        margin-right: auto;
        margin-left: auto;
    }
    .left-margin{
        padding-left: 6.5rem;
        margin-left: auto;
    }
    .readButton{
        margin-left: 3rem;
    }
    .dench-footer ul li a,
    .dench-footer .ul p,
    .dench-footer .ul p a{
        font-size: 16px;
    }
    .dench-footer ul,
    .dench-footer .ul{
        margin-top: 2rem !important;
    }
    .contain{
        padding-left: 6.5rem;
        margin-right: auto;
        margin-left: auto;
    }
    .card-p,
    .center-t{
        margin-left: -4rem;
    }
    .second-card-text{
        font-size: 16px !important;
    }
    #contact_card{
        height: 110vh !important;
    }
    .form-contain{
        padding: 10px 10px 10px 10px;
        height: 93vh !important;
    }
    .enquiry_btn p{
        padding-top: 7px;
        padding-bottom: 7px;
        background: #D50909;
    }
    .enquiry_btn p:first-child{
        padding-left: 1.5rem;
    }
    .enquiry_btn p:last-child{
        padding-right: 1.5rem;
    }
/* about us query */
    .carousel-item{
        height: 60vh;
    }
    .back-size{
        margin-top: -35px;
        border: none;
        height: 60vh;
    }
    .cart-image{
        width: 256px;
    }
/* main footer query */
    .contain-dench{
        /*margin-left: 1rem;*/
        text-align: center;
    }
/* home page Banner query*/
     #homeBanner h1{
         margin-right: 5%;
         margin-top: 45px;
         margin-bottom: 2rem;
     }
    #homeBanner a.action{
        margin-top: 0.90rem;
        padding-left: 30px;
        padding-right: 20px;
    }
    #homeBanner a.action2{
        margin-right: -14%;
        margin-top: 1.6rem;
    }
    #homeBanner a.action3{
        padding-left: 20px;
        margin-top: 2.5rem;
    }
    #homeBanner a{
        margin-right: 5%;
    }
    
}
  
/* add by GK 04/05/2024  -- end */  

/* auto scrolling slider for logo */
.slider {
  
    height: 120pt;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    cursor: default;
    user-select: none;
    touch-action: none;
}

.slider:before {
    left: 0;
    top: 0;
}
.slider:after,
.slider:before {
   /* background: linear-gradient(
        to right,
        #efeef2 0%,
        hsla(0, 0%, 100%, 0) 100%
    );*/
    content: "";
    height: 120pt;
    position: absolute;
    width: 200px;
    z-index: 2;
}
.slider:after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.slider:after,
.slider:before {
   /* background: linear-gradient(
        to right,
        #efeef2 0%,
        hsla(0, 0%, 100%, 0) 100%
    );*/
    content: "";
    height: 120pt;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.slider .slide-track-1 {
    animation: scroll-l 30s linear infinite;
    display: flex;
    width: 3500px;
}
.slider .slide-track-2 {
    animation: scroll-r 30s linear infinite;
    display: flex;
    width: 3500px;
}

.slider .slide {
    height: 120pt;
    width: 300px;
    display: flex;
    align-items: center;
    text-align: center;
}
.slider .slide img {
    width: 300px;
    padding: 1pc;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

@keyframes scroll-l {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 7));
    }
}
@keyframes scroll-r {
    100% {
        transform: translateX(0);
    }
    0% {
        transform: translateX(calc(-250px * 7));
    }
}
/* enquiry form */

    
 .bg_form {
        /*background-color: #002D62;*/
      /*  background-color: #ffffff;
        border-radius: 25% 5px;*/
        border-radius: 100px 10px ;
         
    }
.bg_image_enquiry{
       width: 100%;
         height: 100%; 
    }