/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(slick.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
     box-sizing: border-box !important;
}

html {
     scroll-behavior: smooth;
}

body {
     color: #666666;
     font-size: 14px;
     font-family: 'Roboto', sans-serif;
     line-height: 1.80857;
     font-weight: normal;
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 22px
}

h2 {
     font-size: 20px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

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

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 0px;
     font-weight: 300;
     font-size: 15px;
     line-height: 24px;
}

a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}

 :focus {
     outline: 0;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}

.full {
     float: left;
     width: 100%;
}

.layout_padding {
     padding-top: 90px;
     padding-bottom: 90px;
}

.layout_padding_2 {
     padding-top: 75px;
     padding-bottom: 75px;
}

.light_silver {
     background: #f9f9f9;
}

.theme_bg {
     background: #38c8a8;
}

.margin_top_30 {
     margin-top: 30px !important;
}

.full {
     width: 100%;
     float: left;
     margin: 0;
     padding: 0;
}


/**-- heading section --**/


/*---------------------------- preloader area ----------------------------*/

.loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     width: 100%;
     height: 100%;
}

.loader {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}

.loader img {
     width: 280px;
}


/*-- navigation--*/

.navigation.navbar {
     float: right;
}

.navigation.navbar-dark .navbar-nav .nav-link {
     padding: 0 25px;
     color: #fff;
     font-size: 16px;
     line-height: 20px;
}

.navigation.navbar-dark .navbar-nav .nav-link:focus,
.navigation.navbar-dark .navbar-nav .nav-link:hover {
     color: #fdd430;
}

.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
     color: #fdd430;
}


/*-- header area --*/


/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/

.header {
     background: #0c0f38;
     width: 100%;
     padding: 40px 40px 40px 40px;
}

.logo a {
     font-size: 0px;
     font-weight: bold;
     text-transform: uppercase;
     color: #fff;
     line-height: 80px;
}

.banner_main {
     background: #0c0f38;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     padding-bottom: 90px;
}

.text-bg h1 {
     color: #fff;
     font-size: 40px;
     line-height: 60px;
     padding-bottom: 20px;
     font-weight: bold;
}

.text-bg span {
     color: #fdd430;
     font-size: 24px;
     line-height: 30px;
     font-weight: bold;
}

.text-bg p {
     color: #fff;
     font-size: 17px;
     line-height: 28px;
     padding: 40px 0;
}

.text-bg a {
     font-size: 16px;
     background-color: #fff;
     color: #000;
     padding: 10px 0px;
     width: 100%;
     max-width: 190px;
     text-align: center;
     display: inline-block;
     text-transform: uppercase;
}

.text-bg a:hover {
     background-color: #000;
     color: #fff;
}

.text-img figure {
     margin: 0px;
}

.text-img figure img {
     width: 100%;
}

.titlepage {
     text-align: center;
     padding-bottom: 60px;
}

.titlepage h2 {
     font-size: 45px;
     color: #0c0f38;
     line-height: 40px;
     font-weight: bold;
     padding: 0;
}


/** Hosting section **/

.hosting {
     padding-top: 90px;
}

.web_hosting {
     text-align: center;
}

.web_hosting figure {
     margin: 0;
}

.web_hosting p {
     color: #0c0f38;
     font-size: 17px;
     line-height: 28px;
     padding: 40px 50px;
}

.web_hosting a {
     font-size: 16px;
     background-color: #000;
     color: #fff;
     padding: 10px 0px;
     width: 100%;
     max-width: 190px;
     text-align: center;
     display: inline-block;
     text-transform: uppercase;
     font-weight: 400;
     margin-top: 10px;
}

.web_hosting a:hover {
     background-color: #0c0f38;
     color: #fff;
}


/** end Hosting section **/


/** Services section **/

.Services {
     margin-top: 90px;
     padding: 60px 0;
     background: #0c0f38;
     font-family: Poppins;
}

.Services .titlepage {
     text-align: center;
}

.Services .titlepage h2 {
     color: #fff;
     margin-top: 20px;   /* Add top margin to the footer */
    margin-bottom: 20px; /* Add bottom margin to the footer */
     padding-bottom: 20px;
}

.Services .titlepage p {
     color: #fff;
}

.Services .Services-box i {
     background: #fff;
     width: 170px;
     height: 170px;
     border-radius: 50px;
     display: inline-block;
     padding-top: 19px;
     position: relative; /* Allows positioning within the parent */
     z-index: 0;  /* Places the image behind other content */
     overflow: hidden;  /* Hides anything outside the circle */
     border-radius: 20%;   /* Creates circular shape */
     margin-top: -10px;
}

.Services .Services-box .ddpm-icon img {  
     width: 190px;   
     height: 190px;  
     margin-top: -25px;  /* Adjust if needed */ 
 }

.Services .Services-box .cgan-icon img {  /* Assuming you add a "cgan-icon" class */
     width: auto;     /* Maintain full width */
     height: 170%;    /* Let height adjust automatically */   
     object-fit: cover;  /*  Key property to fit the container */
     margin-top: -60px; 
}
 

.Services .Services-box .vae-icon img {  /* Assuming you add a "cgan-icon" class */
     width: auto;     /* Maintain full width */
     height: 90%;    /* Let height adjust automatically */   
     object-fit: cover;  /*  Key property to fit the container */
     margin-top: 0px; 
}

.Services .Services-box .churn-icon img {  /* Assuming you add a "cgan-icon" class */
     width: auto;     /* Maintain full width */
     height: 110%;    /* Let height adjust automatically */   
     object-fit: cover;  /*  Key property to fit the container */
     margin-top: -20px; 
}

.Services .Services-box i:hover {
     background: #ddd;
}

.Services .Services-box h3 {
     padding: 20px 0px 20px 0px;
     font-size: 20px;
     line-height: 25px;
     color: #fff;
     display: block;
     font-weight: 500;
}

.Services .Services-box {
     text-align: center;
     background-color: transparent;
     border-radius: 20px;
     border: #cecfd7 solid 2px;
     padding: 40px;
     transition: ease-in all 0.5s;
     margin-bottom: 30px;
     position: relative; /* Allows positioning of child elements */
}

.Services .Services-box:hover {
     background: #8308eb;
     transition: ease-in all 0.5s;
     cursor: pointer;
}

.Services .Services-box p {
     font-size: 16px;
     line-height: 24px;
     color: #fff;
}

.read_more {
     font-size: 16px;
     background-color: #fff;
     color: #000;
     padding: 10px 0px;
     width: 100%;
     max-width: 190px;
     display: flex;
     justify-content: center;
     text-align: center;
     margin: 0 auto;
     margin-top: 20px;
}

.read_more:hover {
     background: #8308eb;
     color: #fff;
}


/** end Services section **/


/** why section **/

.why {
     margin-top: 90px;
     background: #ffff;
     font-family: Poppins;
}

.why .titlepage {
     text-align: center;
}

.why .titlepage h2 {
     padding-bottom: 20px;
}

.why .titlepage p {
     color: #090808;
}

.why .why-box h3 {
     padding: 20px 0px 20px 0px;
     font-size: 20px;
     line-height: 25px;
     color: #090808;
     display: block;
     font-weight: 500;
}

.why .why-box {
     text-align: center;
     background-color: transparent;
     border-radius: 20px;
     padding: 40px 20px 20px 20px;
     transition: ease-in all 0.5s;
     margin-bottom: 30px;
     box-shadow: #ddd 0px 0px 10px
}

.why .why-box p {
     font-size: 16px;
     line-height: 24px;
     color: #090808;
}

.why .why-box:hover {
     transition: ease-in all 0.1s;
     transform: scale(1.1);
}

.bg {
     font-size: 16px;
     background-color: #090808;
     color: #fff;
     padding: 10px 0px;
     width: 100%;
     max-width: 190px;
     display: flex;
     justify-content: center;
     text-align: center;
     margin: 0 auto;
     margin-top: 20px;
}

.bg:hover {
     background: #8308eb;
     color: #fff;
}


/** end why section **/


/** contact section **/

.contact {
     padding-top: 90px;
     font-family: Poppins;
     /* z-index: 1000000;  */
}

.main_form {
     background: #0c0f38;
     padding: 55px 55px;
     border-radius: 30px;
     margin-bottom: -58%;
}

.contact .main_form .contactus {
     border: #fff solid 1px;
     padding: 0px 19px;
     margin-bottom: 20px;
     border-radius: 15px;
     width: 100%;
     height: 52px;
     background: #fff;
     color: #999999;
     font-size: 16px;
}

.contact .main_form .textarea {
     margin-bottom: 25px;
     padding: 0px 19px;
     color: #999999 !important;
     width: 100%;
     border: #fff solid 1px;
     border-radius: 15px;
     padding-top: 38px;
     background: #fff;
}

.contact .main_form .send {
     font-size: 16px;
     transition: ease-in all 0.5s;
     background-color: #fff;
     color: #ef4259;
     padding: 12px 70px;
     margin: 0 auto;
     display: block;
     border-radius: 30px;
}

.contact .main_form .send:hover {
     background-color: #8308eb;
     transition: ease-in all 0.5s;
     color: #fff;
}

#contact *::placeholder {
     color: #999999;
     opacity: 1;
}

.current {
     color: #fff;
     margin-top: -4px;
     position: absolute;
}


/** end contact section **/


/** footer **/

.footer {
     font-family: Poppins;
     background: #0c0f38;
     position: relative; /* Or absolute, depending on your layout needs */
     z-index: -999999; /* Ensure this is lower than the contact section but higher than other content */
}

.cont {
     text-align: center;
     margin-top: 31%;
     /* margin-top: -30%; */
}

.cont h3 {
     color: #fff;
     font-size: 45px;
     line-height: 30px;
     font-weight: bold;
     padding: 70px 0px 0px 0px;
}

.cont span {
     color: #fff;
     font-size: 30px;
     line-height: 30px;
     padding: 30px 0px 30px 0px;
     display: inline-block;
     font-weight: bold;
}

.cont p {
     color: #fff;
     font-size: 17px;
     line-height: 30px;
     padding: 0 130px;
     padding-bottom: 60px;
}

.copyright {
     padding: 20px 0px;
     background: #fff;
}

.copyright p {
     color: #1e1e1e;
     font-size: 18px;
     line-height: 22px;
     text-align: center;
}

.copyright a {
     color: #1e1e1e;
}

.copyright a:hover {
     color: #0c0f38;
}


/** end footer **/












/* 07mar24 */

.circle-list li { 
    
     left: 0;
     top: 5px;
     padding-left: 5px;    /* Space for the circle to the left */
 }
 
.circle-list li::before {
     content: "\2022";  /* Unicode for a large dot */
     color: rgba(159, 9, 209, 0.921);       /* Adjust color as needed */
     left: 0;
     top: 5px;          /* Adjust vertical alignment if needed */
}
 

 
 /* 25 june 2024 */
 .service-link {
     text-decoration: none;
     color: inherit;
 }
 
 .service-link .Services-box {
     border: 2px solid #ddd;
     padding: 20px;
     transition: background-color 0.3s ease;
     text-align: center;
 }
 
 .service-link .Services-box:hover {
     background-color: #f0f0f0;
 }
 






/* Remove white strip */
.banner_main {
     margin-bottom: 0;
     padding-bottom: 0;
 }
 
 /* Adjust service links */
 .service-link .Services-box {
     border: 5px solid #ddd;
     padding: 20px;
     transition: background-color 0.3s ease, transform 0.3s ease;
     text-align: center;
     font-weight: bold;
     font-size: 2.2em;
     background-color: #fff;
     color: #000; /* Change link text color to black */
     border-radius: 10px; /* Rounded corners */
     margin: 30px 0; /* Add space above and below */
     display: flex;
     align-items: center;
     justify-content: center;
     height: 90px; /* Adjust height if needed */
 }
 
 .service-link .Services-box:hover {
     background-color: rgba(180, 76, 214, 0.921); /* Match the send button color */
     color: #fff;
     transform: scale(1.05);
 }
 
 /* Back button at the bottom and on blue background */
 body {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
 }
 
 .back-button {
     display: inline-block;
     padding: 10px 20px;
     background-color: #007bff;
     color: #fff;
     text-decoration: none;
     border-radius: 5px;
     transition: background-color 0.3s ease;
     align-self: center;
     margin: 20px 0;
     position: absolute;
     bottom: 20px; /* Ensure it's at the bottom */
     left: 50%;
     transform: translateX(-50%);
 }
 
 .back-button:hover {
     background-color: #0056b3;
 }
 
 footer {
     margin-top: auto;
     background-color: #0c0f38; /* Blue background */
     padding: 10px 0;
 }
 
 /* DL, ML, BA pages layout */
 .Services .container {
     background-color: #0c0f38; /* Blue background */
     color: #fff;
     margin-top: 0; /* Remove top margin */
     padding-top: 40; /* Remove top padding */
 }
 
 .Services .Services-box {
     color: #fff;
 }
 
 .Services .Services-box:hover {
     background-color: rgba(159, 9, 209, 0.921); /* Match the send button color */
     transform: scale(1.05);
 }
 
 /* Grid layout */
 .Services .row {
     display: flex;
     flex-wrap: wrap;
 }
 
 .Services .col-xl-6, .Services .col-lg-6, .Services .col-md-6, .Services .col-sm-6 {
     flex: 0 0 50%;
     max-width: 50%;
     padding: 10px; /* Add padding between grid items */
 }
 
 @media (max-width: 768px) {
     .Services .col-xl-6, .Services .col-lg-6, .Services .col-md-6, .Services .col-sm-6 {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }
 
 
 @media (max-width: 768px) {
     .Services .col-md-4 {
       margin-bottom: 20px;
     }
     
     .service-link .Services-box {
       height: auto;
       min-height: 90px;
     }
   }

   .service-link .Services-box h3 {
     color: #000;  /* Black color */
     font-weight: 500;  /* Maximum boldness */
     text-shadow: 1px 0 0 currentColor;  /* Makes text appear thicker */
     -webkit-text-stroke: 1px black;  /* Alternative way to make text thicker */
   }
   
   .service-link .Services-box:hover h3 {
     color: #fff;  /* White color on hover */
     text-shadow: 1px 0 0 currentColor;
     -webkit-text-stroke: 1px white;
   }
   
   
/*----------------------------------------------------------------*/
/* .contact {
  position: relative;
  z-index: 1;
  padding-top: 30px;  
  margin-top: -60px;  
} 
*/
.contact {
     position: relative;
     z-index: 2;
     margin-top: -100px; /* Adjust this value to control overlap */
     padding-top: 0px;
   }
   
   .main_form {
     background: #0c0f38;
     padding: 40px 40px; /* Reduced padding */
     border-radius: 30px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
   }
   

.main_form {
  position: relative;
  z-index: 2;
  background: #0c0f38;
  padding: 55px 55px;
  border-radius: 30px;
  /*margin-bottom: 0;  /* Remove negative margin */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);  /* Add shadow for depth */
}

/* .footer {
  position: relative;
  z-index: 0;
  margin-top: 30px; 
  padding-top: 100px;  
  background: #0c0f38;
} */

.footer {
     position: relative;
     z-index: 1;
     background: #0c0f38;
     padding-top: -70px; /* Reduced padding */
     padding-bottom: -20px; /* Added bottom padding */
   }
   
   .cont {
     padding-top: -320px; /* Reduced top padding */
   }
   
   .cont h3 {
     font-size: 35px; /* Reduced font size */
     line-height: 45px; /* Adjusted line height */
   }
   
   .cont p {
     padding: 0 50px; /* Reduced horizontal padding */
     padding-bottom: 30px; /* Reduced bottom padding */
   }
   

.cont {
  position: relative;
  z-index: 1;
  color: #fff;
  /*padding-top: 50px;  /* Adjust as needed */
}

.copyright {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 20px 0;
}


body {
     background-color: #0c0f38;  /* Set the body background to blue */
   }
   
   /* .Services {
     background: transparent;  
   } */

.Services {
     margin-top: 90px;
     margin-bottom: 30px; /* Reduced bottom margin */
     padding: 60px 0 30px 0;
     background: #0c0f38;
     font-family: Poppins;
}
   

/* .why {
margin-top: 80px;
margin-bottom: 60px;
padding: 80px 0;
} */
.why {
     margin-top: 60px;
     margin-bottom: 60px;
     padding: 40px 0;
     min-height: 400px; /* Adjust this value as needed */
   }
   

.main_form {
     padding: 40px 55px; /* Reduced top padding from 55px to 40px */
   }

.contact .main_form .contactus,
.contact .main_form .textarea {
     margin-bottom: 15px; /* Reduced from 20px to 15px */
}
      
body {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
}

.main-content {
     flex: 1 0 auto;
}

.footer {
     flex-shrink: 0;
}
         

   
/* =================================================================*/
/* Add this new container */
.content-wrapper {
     width: 60%;
     margin: 0 auto; /* Center horizontally */
     margin-top: -120px;   
    margin-bottom: 20px; 
 }
 
 /* Make the footer full width again */
 footer {
     width: 100%;
 }
 
 /* Media queries for responsiveness */
 @media (max-width: 768px) {
     .content-wrapper {
         width: 90%; /* Adjust for smaller screens */
     }
 }
 

 
 footer_sub {
     display: flex;
     justify-content: center;
     align-items: center; 
     position: relative; 
     margin-top: 60px;   /* Add top margin to the footer */
     margin-bottom: 0px; /* Add bottom margin to the footer */      
 }
 
 
 
 









/* =================================================================*/
 /* 27jun2024 */

/* Circle image style */
img.profile-img {
     border-radius: 50%;
     width: 200px;
     height: auto;
     max-height: 200px;
     margin: 0 auto;
     display: block;
     object-fit: scale-down;
 }
 
 
 

 /* Adjustments for service links */
.service-link .Services-box h3 {
     font-weight: 600;
     text-align: center;
 }
 
 /* Font adjustments */
 .footer-subtitle {
     font-size: 0.9em;
 }
 
 /* Link visibility */
 .profile-link, .publication-link {
     color: rgba(159, 9, 209, 0.921); /* Rose-ish color */
     text-decoration: underline;
     font-size: 1.7em;
     display: block;
     margin: 10px 10px;
     text-shadow: .7px .7px 1px #ffffff;
 }
 
 .profile-link:hover, .publication-link:hover {
     color: #c2185b;
 }
 
 /* Publication list */
 .publication-list {
     list-style-type: disc;
     padding-left: 20px;
 }
 
 /* CV section formatting */
 .cv-section p {
     margin-bottom: 10px;
 }
 
 .cv-section table {
     width: 100%;
     margin-bottom: 20px;
 }
 
 .cv-section table td {
     padding: 5px 10px;
     vertical-align: top;
 }
 
 .cv-section h3 {
     margin-top: 20px;
     margin-bottom: 10px;
     color: rgba(159, 9, 209, 0.921); /* Rose-ish color */
 }