/* Common Css */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-decoration:none;
/* 	list-style:none; */
    font-family: "Montserrat";
}
.Container{
      max-width:1280px;
      width:100%;
	  padding:85px 10px;
	  margin:auto;
	position:relative;
}
h2,h3,h4,h5,h6{
	color:#0b1151;
	font-family: "Montserrat";
}
h2{
	font-size:35px;	
}
h4{
	font-size:25px;
}
p{
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  font-family: "Montserrat";	
}
.button{
	font-size: 15px;
   border: 1px solid white;
   padding: 10px 15px;
   border-radius: 37px;
}
body .sticky-nav {
	position: fixed;
	top: -500px;
	left: 0px;
	right: 0px;
	z-index: 12;
	box-shadow: 0 4px 4px 0 rgba(23,23,23,.06);
	background: #fff;
	transition: 0.3s all ease-in-out;
}
.reveal{
    position: relative;
    transform: translateY(30px);
    opacity: 0;
    transition: 1s all ease;
  }
body .sticky-nav {
	z-index: 99;
}
.reveal.active{
    transform: translateY(0);
    opacity: 1;
  }
/*  Logo css */
.swiper-img-container img{
	height:122px;
}
.swiper-img-container .swiper-slide{
	text-align:center;
}
 .about-services-section .about-line{
      margin-top:84px;
  }

/*  navbar css*/

.navigation a:hover{
	color:red ;
}
.heroSection {
	padding: 40px 0px;
}
/*   =====================  Home Page css =============================== */
/* Elevate Section Start */
.ele-sec{
	background:#003263;
    text-align:center;
	position:relative;
	z-index:2;
}
.ele-sec p{
	color:white;
}
.ele-sec a {
	color: white;
	margin: 7px;
	transition: all 0.3s ease-out;
	width: 290px;
}
.ele-sec a:hover{
	background:white;
	color:black;
	 transition: all 0.3s ease-in;
}

/* our Solution and Services Section Start */
 .right .pcf7-not-valid-tip{
	font-size:13px !important;
}
.our-ser-head-group {
	display: flex;
	width: 100%;
	padding-bottom: 20px;
	gap: 40px;
}
.our-services h2 {
	width: 66%;
	margin: 0px 0px;
	font-weight: 400;
}
.our-ser-head-group p{
	width:100%;
	color:#0b1151;
}
.our-sol-head-group p{
	color:white;
}
.our-services .head{
	display:flex;
	align-items:center;
	gap:13px;
}
.our-services .box{
	border-radius:10px;
	background:#fff;
	border:2px solid #e8e9ea; 
	padding:35px;
	height:280px;
}
.our-services h4{
	color:#000;
}
 .our-services .content {
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; 
          overflow: hidden; 
          text-overflow: clip;
          width: 100%; 
	      padding-top:15px;
}
.our-services .bottom-content {
	display: flex;
	align-items: center;
	gap: 4px;
	padding-top: 13px;
	position: absolute;
	bottom: 23px;
	left: 37px;
}
.our-services .a{
	color:#000 !important;
	font-family: "Montserrat" !important;
	font-size:13px;
	font-weight:500;
	transition: all 0.3s ease-out;
}
.our-services .a:hover{
	color:red !important;
	transition: all 0.3s ease-in;
}
.head img{
	max-width:40px;
	width:100%;
}
.our-services h4, .our-solution h4 {
	font-size: 18px;
}
.our-services h3 {
	font-weight: 500;
	text-align: center;
	padding: 30px 0px 10px 0px;
}
.our-services .button {
	width: 273px;
	display: flex;
	margin: auto;
	text-align: center;
	font-weight: 500;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: 0.3s all ease-out;
	margin-top: 30px;
}
.our-services .button:hover{
	background:red;
	transition:0.3s all ease-in;
	border:1px solid red !important; 
}

/* Why Choose Us Section start */
.why-choose-sec .Container-inner{
	display:flex;
	gap:50px;
}
.why-choose-sec .h2{
	text-align:center;
	font-size: 34px;
   line-height: 43px;
   color: #0b1151;
   font-weight: 500;
}
.why-choose-sec .para{
	text-align:center;
	font-size: 30px;
   line-height: 43px;
   color: #000000;
   font-weight: 500;
   padding-bottom: 30px;
}
.why-choose-sec .accordion-body{
	padding-left:20px;
}


.accordion-item {
	background-color: transparent;
	border: 1px solid transparent;
}
.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1rem 1.25rem;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	background-color: transparent;
	overflow-anchor: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button span{
	font-size:18px;
	padding-left:10px;
}
.accordion-button:focus {
    box-shadow: none; 
    border: none; 
}

.accordion-button.collapsed {
    border: none; 
}
.home-img-1 {
	position: relative;
    margin-bottom: -253px;
}
.home-services-box-1 {
    padding-top: 180px !important;
}
/*============================     Footer Section css ===================================  */
.footer-content-btn-group{
	display: flex;
   justify-content: center;
   gap: 20px;
}
.footer-contact-us .Container{
	display:flex;
}
.footer-contact-us .left{
	width:50%;
  font-size: 34px;
  line-height: 43px;
  color: #000000;
  font-weight: 500;
  padding-top: 30px;
}
.footer-contact-us .right {
	text-align: center;
	width: 50%;
	line-height: 47px;
}
.right div{
  font-size: 18px;
  line-height: 43px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 500;	
}
.right span {
	font-size: 31px;
	line-height: 34px;
	font-weight: 700;
}
.Form span {
	font-size: 12px;
	line-height: 0px;
	font-weight: 490;
	line-height:20px;
}
.wpcf7-spinner{
	display:none;
}
.right a {
	display: block;
	width: 245px;
	height: 45px;
	border-radius: 23px;
	background-color: rgba(41,41,41,0);
	border: 1px solid #f40e2e;
	line-height: 45px;
	font-size: 12px;
	color: #0a0741 !important;
	font-weight: 400;
}
/* ============================================== Inner services css =============================================================== */
.main-banner .Container{
	position:relative;
}

.main-banner h4 {
	font-size: 29px;
	color: #ffffff;
	font-weight: 700;
}
.main-banner p {
	font-size: 22px;
	color: #ffffff;
	font-weight: 400;
	line-height: 32px;
	width: 55%;
}
.main-banner a {
	border-radius: 36px;
	border: 1px solid #f40e2e;
	font-size: 12px;
	color: #ffffff !important;
	font-weight: 500;
	font-family: "Montserrat";
	padding: 7px 25px;
	transition:0.3s all ease-out;
}
.main-banner a:hover{
	background:white;
	border: 1px solid #fff;
	color:#000 !important;
	transition:0.3s all ease-in;
}

.main-banner img {
	position: absolute;
	bottom: -125px;
	right: 0px;
}
input, textarea {
	margin-bottom: 10px;
}
.Form-section .main-container{
	display:flex;
	gap:90px;
	padding-top:80px;
}
.Form-section .p {
	padding-top: 20px;
}
.Form-section .left{
	width:50%;
}
.Form-section .right{
	width:50%;
}
.Form-section .list-heading {
	display: flex;
	align-items: start;
	gap: 10px;
	padding: 10px 0px 15px 0px;
	border-bottom: 1px solid #cecfdc;
}
.Form-section h3 {
	font-size: 32px;
	line-height: 43px;
	color: #0b1151;
	font-weight: 400;
	padding: 15px 0px;
}
.list-heading span{
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  font-weight: 700;
}
.Form {
	background:#ebeef7;
	border-radius:30px;
	padding:25px;
}
.Form p {
	border: none;
	padding: 0px 0px 7px 0px !important;
	margin-bottom: 0rem;
}
.Form input{
	width:100%
}
.services-solutions-from p{
	margin-bottom: 10px;
}
.Form .mb-5{
	margin-bottom: 0rem !important;
}
.Form input,textarea {
	height: 50px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 1px solid #e0dcdc;
	padding-left: 20px;
	width: 100%;
}
.Form textarea {
	padding-top:20px;
}
.Form select{
	height: 50px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 1px solid #e0dcdc;
	padding-left: 20px;
	width: 100%;
}
.Form input[type="submit"] {
	background: #f50e2e;
	font-size: 16px;
	transition:0.3s all ease-out;
}
.Form input[type="submit"]:hover {
	background: #003263;
	font-size: 16px;
	transition:0.3s all ease-in;
}
.Form input::placeholder{
	font-size:14px;
	font-weight:400;
	color:#000000a6;
}
.Form textarea::placeholder{
	font-size:14px;
	font-weight:400;
	color:#000000a6;
}
.Form textarea.clicked{
	border: 1px solid #e0dcdc;
}
.Form .header-form {
	font-size: 24px;
	line-height: 43px;
	color: #0b1151 !important;
	font-weight: 400;
	font-family: "Montserrat" !important;
	padding: 10px 0px 20px 0px;
	text-align: center;
}  
 .container{
      max-width:1280px;
      width:100%;
  }
  
  .header .row{
      margin-bottom:50px;
  }
 .header small {
	font-size: 40px;
	line-height: 30px;
	color: #000000;
	font-weight: 800;
	font-family: "Montserrat";
}
  
  .header .span {
	font-size: 30px;
	line-height: 41px !important;
	color: #000000;
	font-weight: 500;
	font-family: "Montserrat";
	padding-top: 25px 0px;
}
  .header p{
      font-size: 23px;
  line-height: 30px;
  color: #000000;
  font-weight: 400;
  font-family: "Montserrat";
  }
  .header .btn{
  width: 157px;
  height: 36px;
  border-radius: 18px;
  background-color: rgba(41,41,41,0);
  border: 1px solid #f40e2e;
  font-size: 12px;
  line-height: 26px;
  color: #000000;
  font-weight: 500;
  font-family: "Montserrat";
  }
  
  /*  navbar css*/
  .navigation li a, .special-nav a, .single-advert-title .breadcrumbs {
      font-family: 'Montserrat', sans-serif;
      font-size: 12.5px;
      color: #000;
  }
  .navigation li.current_page_item > a::before {
      position: absolute;
      top: 3px;
      left: 40%;
  }
  .navigation li.current_page_item > a::before {	
      width: 13px;
      height: 13px;
  }
 .navigation li a {
	padding: 13px 14px;
	font-weight: 600;
	font-size: 14px;
}
  .call-button p {
      margin: 0;
      display: flex;
      align-items: center;
      color: #0a0741;
      font-size: 14px;
  }
  .dropdown-menu li {
      padding: 0px 0px;
  }
  .dropdown-menu {	
      padding: 0px 0px;	
  }
  .dropdown-menu a{
      padding: 10px 21px !important;
      font-size:13px !important;
  }
  .dropdown-menu a::before{
      display:none !important;
  }
  .widget ul {
      display: inline-block;
  }
  .widget ul li {
      text-align: start;
      padding: 0px 0px;
  }
  #menu-footer-menu a {
	background: url(https://www.dotcad.com/wp-content/uploads/2024/12/Layer-1-copy.png) 5px 10px no-repeat;
	padding: 0px 0px 4px 26px;
	/* float: left; */
}
  
  #topsection{ display:block; width:100%; background:url(https://www.dotcad.com/wp-content/uploads/2025/02/header.png) top center no-repeat; background-size:cover;}
  
  .bottom-sidebar-wrap {
      padding-top: 60px;
      padding-bottom: 20px;
  }
  .white-block {
      margin-bottom: 0px;
  }
  .footer-end p{
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  font-weight: 500;
  font-family: "Montserrat";	
  margin-bottom: 0px !important;
  }
  .footer-end img{
      height:38px;
  }
  .bottom-sidebar-wrap, .bottom-sidebar-wrap a, .bottom-sidebar-wrap a:hover, .bottom-sidebar-wrap a:focus {
      color: #000;
      font-size: 14px;
      line-height: 34px;
      color: #000000;
      font-weight: 500;
  }
  .bottom-sidebar-wrap h3 {
      margin: 0px;
      font-size: 14px;
      line-height: 24px;
      color: #000000;
      font-weight: 900;
      font-family: "Roboto";
  }
  .footer-part-3 p{
      font-size: 15px;
      line-height: 24px;
      color: #000000;
      font-weight: 500;
      font-family: "Manrope";
  }
  .about-slider {
	padding: 15px 0px;
}
.about-msg-box {
    border-radius: 5px;
    transform: translateY(19%);
    box-shadow: 0px 0px 3px grey;
    margin-bottom: -90px;
    /* padding-top: 20px; */
    margin-top: 25px;
}
  .about-msg-box .box{
      padding:50px;
  }
  .about-msg-box .heading{
      font-size: 20px;
  line-height: 25px;
  color: #000000;
  font-weight: 700;
  font-family: "Montserrat";
  }
  .about-msg-box .content {
    opacity: 1;
    font-size: 23px;
    line-height: 30px;
    color: #000000;
    font-weight: 450;
    font-family: "Montserrat";
    text-align: start;
}
 
  @media(max-width:450px){
  .bottom-sidebar-wrap {
      padding-top: 25px;
      padding-bottom: 20px;
  }
  }
  @media(max-width:776px){
      .header .btn {
      width: 135px;
      height: 33px;
      border-radius: 18px;
      background-color: rgba(41,41,41,0);
      border: 1px solid #f40e2e;
      font-size: 12px;
      line-height: 22px;
      color: #000000;
      font-weight: 500;
      font-family: "Montserrat";
  }
  }
  @media(max-width:1200px){
	  .heroSection {
	padding: 35px 0px;
}
  .header-btn{
      display:flex;
      justify-content:center;
      align-items:center;
  }
  .about-msg-box {
      border-radius: 5px;
      transform: translateY(-3%);
  }
  .about-msg-box .box {
      padding: 25px;
  }
  .services .box-container{
      display:grid;
      grid-template-rows:1fr 1fr 1fr 1fr;
      grid-template-columns:1fr 1fr;
      margin:55px 0px;
      }
 
  .navbar-btn{
   display:none !important;
  }
  }
  @media(max-width:768px){
	   .heroSection {
	padding: 0px 0px;
}
	  
  .services {
      padding: 194px 0px 30px 0px;
  }
  .services .box-container{
      display:grid;
      grid-template-columns:1fr;
      grid-gap:20px;
      margin:0px 0px;
  }		
  }
  
  
  /* ============================================================ SERVICES PAGE CSS ==================================================================================== */
  
  /* banner section */
  .main-services{
  /* padding:82px 0px 92px 0px; */
  background:#003263;
  background-size:cover;
  }
  .main-services .header{
      font-size: 39px;
      line-height: 30px;
      color: #ffffff;
      font-weight: 900;
      font-family: "Montserrat";	
  }
  .main-services a {
      width: 257px;
      /* height: 38px; */
      border-radius: 18px;
      background-color: rgba(41,41,41,0);
      border: 1px solid #f40e2e;
      font-size: 12px;
      line-height: 23px;
      color: #ffffff;
      font-weight: 500;
      font-family: "Montserrat";
      padding: 7px 0px;
  }
  .main-services img{
      transform:translatey(29%);
  }
 .cont-serv-sec {
	padding: 110px 0px 70px 0px;
}
  .cont-serv-sec .refresh-text{
      font-size: 16px;
      line-height: 28px;
      color: #000000;
      font-weight: 400;
      font-family: "Montserrat";
      padding-bottom:80px;
  }
  .cont-serv-sec-left{
      font-size: 32px;
      line-height: 43px;
      color: #0b1151;
      font-weight: 400;
      font-family: "Montserrat";	
  }
  .cont-serv-sec .li-box{
      padding:0px 0px 14px 0px;
      border-bottom:1px solid #cecfdc;
  }
  .cont-serv-sec .li-head{
      font-size: 20px;
      line-height: 25px;
      color: #000000;
      font-weight: 700;
      font-family: "Montserrat";	
  }
  .cont-serv-sec .li-text{
  opacity: 0.800;
  font-size: 14px;
  line-height: 28px;
  color: #000000;
  font-weight: 400;
  font-family: "Montserrat";	
  text-align: start;
  }
  .main-services-form{
      padding-left:100px;
  }
  .services-from{
      border-radius: 30px;
      background-color: #f0f3fa;
      padding:25px;
      width:100%;
      max-height:765px;
  }
  .header-form{
  font-size: 24px;
  line-height: 43px;
  color: #0b1151;
  font-weight: 400;
  font-family: "Montserrat";	
  padding: 10px 0px 20px 0px;
  }
  .services-from .mb-5 {
      margin-bottom: 2rem !important;
  }
  /* Services section  */
  .servi-sec{
      padding:145px 0px 63px 0px;
      background-image:url(https://www.dotcad.com/wp-content/uploads/2024/12/image_2024_12_09T09_57_28_998Z.png);
      background-size:cover;
  }
  .servi-sec .left-text {
      font-size: 29px;
      line-height: 38px;
      color: #0b1151;
      font-weight: 400;
      font-family: "Montserrat";
  }
  .servi-sec .right-text{
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  font-weight: 400;
  font-family: "Montserrat";
  }
  .services-msg-box {
      margin: 60px 0px;
      border-radius: 8px;
  }
  .services-msg-box .box{
      padding:50px;	
  }
  .services-msg-box .head{
  font-size: 14px;
  line-height: 28px;
  color: #000000;
  font-weight: 400;
  font-family: "Montserrat";		
  }
  .bottom-head{
  font-size: 34px !important;
  line-height: 43px !important;
  color: #0b1151 !important;
  font-weight: 500 !important;
  font-family: "Montserrat" !important;	
  }
  .services-msg-box .btn{
    width: 270px;
    height: 55px;
    border-radius: 27px;
    border: 1px solid #f40e2e;
    font-size: 16px;
    line-height: 24px;
    color: #0a0741;
    font-weight: 400;
    font-family: "Manrope";
    margin-top:30px;
  }
  .services-faq{
      background-image:url(https://www.dotcad.com/wp-content/uploads/2024/12/faq-bg.png);
      background-size:cover;
      
  }
  @media(max-width:1200px){
      .services-from {
      border-radius: 30px;
      background-color: #f0f3fa;
      padding: 25px;
      width: 100%;
      max-height: 740px;
  }
  }
  @media(max-width:992px){
       .elevate {
      height: auto;
  }
  }
  .main-services-form {
      padding-left: 0px;
      padding-top: 22px;
      justify-content: center;
      text-align: center !important;
      padding: 20px;
  }
  }
  @media(max-width:768px){
  /* banner section	 */
  .main-services img{
      transform:translatey(50%);
  }
  .main-services .header{
      font-size: 29px;
      line-height: 0px;	
  }
  /* form section */
  }
  @media(max-width:576px){
  /* banner section	 */
  .main-services img{
      transform:translatey(0%);
      height:200px;
  }
  .main-services{
  padding:20px 0px 0px 0px;		
  }
  /* form section */
  .cont-serv-sec {
      padding: 14px 0px 0px 0px;
      text-align: center;
  }
  .cont-serv-sec .refresh-text {
      font-size: 14px;
      line-height: 23px;
      padding-bottom: 20px;
  }
  .cont-serv-sec-left {
      font-size: 20px;
      line-height: 30px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
      position: relative;
      min-height: 1px;
  }
  .servi-sec .left-text {
      font-size: 22px;
      line-height: 34px;
  }
  .servi-sec {
      padding: 25px 0px 30px 0px;
  }
  .services-msg-box {
      margin: 20px 0px;
  }
  .services-msg-box .box {
      padding: 20px;
  }
  .bottom-head {
      font-size: 25px !important;
      line-height: 34px !important;
  }
  }
  /* ============================================== About Us css  =======================================================================  */
  .main-services .sub-heading {
      font-size: 50px;
      line-height: 56px;
      color: #ffffff;
      font-weight: 400;
      font-family: "Montserrat";
  }
  .about-services-section{
      padding: 150px 0px 0px 0px;
      background-image:url(https://www.dotcad.com/wp-content/uploads/2024/12/image_2024_12_09T09_57_28_998Z.png);
      background-size:cover;
  }
 
  .about-services-section .text-1{
      opacity: 0.800;
      font-size: 16px;
      line-height: 28px;
      color: #000000;
      font-weight: 400;
      font-family: "Montserrat";
  }
  .about-services-section .text-head{
  font-size: 32px;
  line-height: 43px;
  color: #0b1151;
  font-weight: 600;
  font-family: "Montserrat";
  padding:70px 0px 13px 0px;
  }
 
  .about-services-section .upper-sec{
      margin-bottom:53px;
  }
  .about-message-section {
/*       height: 1100px; */
      padding-top: 60px;
  }
  .about-message-section .head{
  font-size: 32px;
  line-height: 43px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Montserrat";	
  }
  .about-message-section .text-1{
      opacity: 0.800;
      font-size: 15px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Montserrat";
  margin-top:34px;
  }
  .about-message-section .text-2{
      font-size: 15px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform:italic;
  margin-top:0px;
  }
  .about-line{
      position:relative;
  }
  .about-line::after {
      content: "";
      height: 1px;
      background: #a4a6ab;
      position: absolute;
      top: 50%;
      left: 0;
      width: 38%;
  }
  .about-line::before {
      content: "";
      height: 1px;
      background: #a4a6ab;
      position: absolute;
      top: 50%;
      right: 0;
      width: 38%;
  }
  @media (max-width:1000px){
  .about-line::after {
      width: 20%;
  }
  .about-line::before {
      width: 20%;
  }
  }
  @media (max-width:767px){
  .about-line::after {
      width: 0%;
  }
  .about-line::before {
      width: 0%;
  }
  }
  @media (max-width:444px){
  .about-line::after {
  display:none;
  }
  .about-line::before {
      display:none;
  }
  
  
  @media(max-width:1200px){
  .about-message-section {
/*       height: 1210px !important; */
      padding-top: 60px ;
  }
  .main-services .header {
      font-size: 30px;
      line-height: 20px;
  }	
  .main-services .sub-heading {
      font-size: 36px;
      line-height: 40px;
  }
      .about-services-section .btn{
          width:273px;
          text-align:center;
      }
  }
  @media(max-width:990px){
      .about-banner{
          padding:25px 0px !important;
      }	
      .about-banner img {
      transform: translatey(50%);
  }
  .main-services .sub-heading {
      font-size: 28px;
      line-height: 35px;
  }
  }
  @media(max-width:576px){
  
      .about-slider {
      padding: 0px 0px;
  }
  .about-banner img {
      transform: translatey(0%);
  }
  .about-services-section {
      padding: 25px 0px 0px 0px;
  }
  .about-services-section .icon-text {
      font-size: 16px;
      line-height: 20px;
  }
  .about-services-section .head {
      font-size: 26px;
      line-height: 34px;
  }
  .about-services-section .upper-sec {
      margin-bottom: 20px;
  }
  .about-services-section .text-1 {
      font-size: 14px;
      line-height: 24px;
  }
  .about-services-section .text-head {
      font-size: 20px;
      line-height: 27px;
      padding: 15px 0px 13px 0px;
  }
  .about-services-section .about-line {
      margin-top: 20px;
  }
      }}
  
 .about-ethics {
	background-image: url(https://www.dotcad.com/wp-content/uploads/2024/12/dotcad-about.jpg);
	background-size: cover;
	z-index: 0;
	padding: 220px 0px 143px 0px;
}
.about-ethics .container{
	overflow:hidden;
}
 .about-ethics .heading {
    font-size: 35px;
    line-height: 0px;
    text-transform: uppercase;
    color: #1c1c1b;
    font-weight: 600;
    font-family: "Montserrat";
    padding: 45px 0px 40px 0px;
}
  .about-ethics .text{
      font-size: 14px;
  line-height: 28px;
  color: #000000;
  font-weight: 400;
  font-family: "Montserrat";
  text-align: center;
  }
 .accordion-button:not(.collapsed) {
	color: #0b1151;
	font-weight: 600;
	background-color: #eff2f7;
	box-shadow: inset 0 0px 0 rgba(0,0,0, 0);
	border-radius: 25px;
}

.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}
  .services-box .content {
          display: -webkit-box; /* Flexbox-like behavior for text wrapping */
          -webkit-line-clamp: 3; /* Lines ki limit (yaha 2 lines set ki gayi hai) */
          -webkit-box-orient: vertical; /* Box orientation vertical rakhein */
          overflow: hidden; /* Extra text ko chhupayein */
          text-overflow: clip; /* Text ke baad "..." lagayein */
          width: 100%; /* Optional: Div ki width define karein */
      }
  @media(max-width:1200px){
      .navigation li.current_page_item > a::before {
      position: absolute;
      top: 19px;
      left: 0%;
  }
      .about-message-section {
/*       height: 1170px; */
      padding-top: 20px;
  }
      .about-message-section {
      height: auto !important;
      padding: 20px 0px;
  }
  }
  @media(max-width:992px){
      
      
      .main-services .sub-heading {
      font-size: 40px;
      line-height: 46px;
  }
      .main-services .header {
      font-size: 33px;
      line-height: 10px;
  }
      .main-services {
      /* padding: 82px 0px 92px 0px; */
     background: #003263;
      background-size: cover;
      padding: 25px 0px !important;
  }
      .main-services img {
      transform: translatey(42%);
  }
  }
  @media(max-width:667px){
    .main-services .header {
	font-size: 30px;
	line-height: 40px;
}
  
  }
  @media(max-width:576px){
	  .header .span{
		  line-height:50px !important;
	  }
      .about-ethics .heading {
      font-size: 40px;
      line-height: 28px;
      text-transform: uppercase;
      color: #1c1c1b;
      font-weight: 600;
      font-family: "Montserrat";
      padding: 45px 0px 40px 0px;
  }
      .navigation > li {
      display: block;
      float: none;
      padding: 0px;
      padding-bottom: 0px;
  }
      
          .main-services a {
      width: 257px;
      /* height: 38px; */
      border-radius: 18px;
      background-color: rgba(41,41,41,0);
      border: 1px solid #f40e2e;
      font-size: 12px;
      line-height: 23px;
      color: #ffffff;
      font-weight: 500;
      font-family: "Montserrat";
      padding: 7px 0px;
      margin: auto;
      /* display: fle; */
      display: flex;
      justify-content: center;
  }
      .main-services img {
      transform: translatey(0%);
  }
      .main-services .sub-heading {
      font-size: 30px;
      line-height: 40px;
      text-align: center;
  }
  .about-message-section {
      padding: 0px 0px;
      text-align: center;
  }
  .about-message-section .head {
	font-size: 26px;
	line-height: 36px;
	padding-top: 30px;
}
  .about-msg-box {
      border-radius: 5px;
      transform: translateY(-3%);
      margin-top: 0px;
  }
      .about-msg-box .box {
      padding: 15px;
  }
  .about-message-section .text-1 {
      font-size: 14px;
      line-height: 23px;
  
  }
  }
  .heroSection .slide-btn{
      width: 44px;
  height: 3px;
      background:#787f7d;
      padding-left:5px;
      display:inline-block;
      border-radius:1px;
      
  }
  .heroSection .slide-btn-active{
      background:#f3001b;
  }
  .anm-btn{
       transition: all 0.3s ease-out;
  }
  .anm-btn:hover{
      background: red;
    transition: all 0.3s ease-in;
    color: black !important;
  }
  .anim-btn{
          transition:all 0.3s ease-out;
  
  }
  .anim-btn:hover{
      background:black;
      border:none;
      color:white;
      border:1px solid black;
      transition:all 0.3s ease-in;
  }
  .elevate-btn{
      transition:all 0.3s ease-out;
  }
  .elevate-btn:hover{
      background:white;
      transition:all 0.3s ease-in-out;
      border:1px solid white;
  
  }
  .elevate-btn:hover a{
      color:black;
      transition:all 0.3s ease-in-out;
  }
  .services-box:hover{
      background: #0327cf;
      transition:all 0.3s ease-in-out;	
  }
  .box-read-more:hover{
      color:red;
          transition:all 0.3s ease-in-out;
  
  }

}
  @media(max-width:992px){
      .main-our-services .services {
      padding: 67px 0px 75px 0px;
      background-image: url(https://www.dotcad.com/wp-content/uploads/2024/12/image_2024_12_09T09_57_28_998Z.png);
      background-size: cover;
  }
     .services {
	padding: 54px 0px 35px 0px;
	background-image: url(https://www.dotcad.com/wp-content/uploads/2024/12/image_2024_12_09T09_57_28_998Z.png);
	background-size: cover;
}
  }
  .services-from input[type="submit"]:hover {
      background: #0327cf;
      font-size: 16px;
              transition:all 0.3s ease-in-out;
  
  }
  .services-msg-box .box:hover{
      padding: 50px;
      background: #0b115117;
      border-radius:8px;
  }
  .about-msg-box .box:hover{
      padding: 50px;
      background: #0b115117;
      border-radius:8px;
  }
.mult-btn .btn {
    transition: all 0.3s ease-out;
    width: auto;
    font-size: 16px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    height: 60px;
    line-height: 39px;
    font-weight: 600;
}
  .mult-btn .btn:hover{
      background:#0b1151;
      color:white;
      border:1px solid #0b1151 !important;
      transition:all 0.3s ease-in;
  
  }
  .man-btn{
          transition:all 0.3s ease-out;
  
  }
  .man-btn:hover{
      background:white !important;
      color:#0b1151 !important;
      transition:all 0.3s ease-in;
  }
  .main-cont-form input[type="submit"]{
          transition:all 0.3s ease-out;
  }
  .main-cont-form input[type="submit"]:hover {
      background: #0327cf;
      font-size: 16px;
      transition: all 0.3s ease-in-out;
  }
@media(max-width:1198px){
	.mult-btn .btn {
	transition: all 0.3s ease-out;
	width: 286px;
}
}
  @media(max-width:1143px){
    .header-plugin{
          display:none !important;
      } 
  }
  .fincing-font{
      font-size: 16px;
    line-height: 28px;
    color: #000000;
    font-weight: 400;
    font-family: "Montserrat";
  }
  .fincing-font-heading {
	font-size: 32px;
	line-height: 43px;
	color: #0b1151;
	font-weight: 500;
	font-family: "Montserrat";
	display: flex;
	align-items: center;
	gap: 12px;
	  
}
  .main-our-solution .img-text {
      padding-left: 20px;
      line-height:30px;
  }
  .contact-banner{
      padding:0px 0px !important;
  }
.services h3 {
	padding: 50px 0px 15px 10px;
	font-family: "Montserrat";
	color: #0b1151;
	font-weight: 600;
}
.elevate a{
border: 1px solid #fff;
font-size: 15px !important;	
	transition: all 0.3s ease-out;
}
.elevate a:hover{
border: 1px solid #fff;
font-size: 15px !important;	
background:#fff;
transition: all 0.3s ease-in;
}
@media (min-width: 1023px) and (max-width: 1240px) {
   .services-box .img-text {
	font-size: 17px;
	}
}
@media (max-width: 400px) {
	.services-box .img-text {
	font-size: 14px;
	}
	.services h3 {
	padding: 25px 0px 10px 10px;
	font-family: "Montserrat";
	color: #0b1151;
	font-weight: 600;
	font-size: 21px;
}
}
@media (min-width: 992px) and (max-width: 1170px) {
	.elevate .head {
	font-size: 25px;
	line-height: 35px;
	color: #fff;
	font-weight: 400;
	font-family: "Montserrat";
}
	.elevate .icon-text {
	font-size: 17px;
	line-height: 25px;
	color: #fff;
	font-weight: 400;
	font-family: "Montserrat";
}
	.elevate a{
border: 1px solid #fff;
font-size: 14px !important;	
}
}
@media (max-width: 766px){
.elevate a {
	border: 1px solid #fff;
	font-size: 14px !important;
	width: 245px;
	padding: 5px 0px !important;
}	
}
.footer-bottm-text a:hover{
	color:red;
}
.footer-bottm-text p:hover{
	color:red;
}
.elevate-btn-1:hover{
	color:black;
}



/*  ===============================================================  Media Query ================================================================ */
@media(max-width:1200px){
	/* common css	 */
	.Container{
	  padding:75px 10px;
}
	h2{
	font-size:33px;	
}
	h4{
	font-size:24px;
}

	
/*   =====================  Home Page css =============================== */
/* our Solution and Services Section Start */
	.our-services .img{
	height:55px;
}
/*  why chose section*/
	.why-choose-sec .h2 {
	font-size: 31px;
}
.Form-section .main-container {
	display: flex;
	gap: 50px;
	padding-top: 80px;
}
}
@media(max-width:1100px){
/*   =====================  Home Page css =============================== */
.why-choose-sec .Container-inner{
	display:block;
	gap:50px;
	text-align:center;
}
.accordion-body p{
text-align:left ;
}
.Form-section .main-container {
	display: flex;
	gap: 30px;
	padding-top: 50px;
}
	.Form-section .p {
	padding-top: 30px;
}
	.main-banner .Container {
	text-align: center;
}
	.main-banner p {
	width: 100%;
}
	.main-banner img {
	position: static;
	max-width: 100%;
   height: auto;
   -webkit-backface-visibility: hidden;
   display: block;
   margin: auto;
   padding-top:20px;
} 	
}
@media(max-width:992px){
	.footer-contact-us .Container {
	display: flex;
	text-align: center;
	margin: ;
	flex-direction: column;
	align-items: center;
	gap: 23px;
}
	.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 30px !important;
	}
	.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
		height: 3px;
  width: 40px;
  border-radius: 20px;
	}
	.about-ethics {
	padding: 59px 0px 59px 0px;
}
	.about-msg-box {
	margin-bottom: 23px;
}
	/* common css	 */
	.Container{
	  padding:60px 10px;
	}
	h2{
	font-size:30px;	
  }
	h4{
	font-size:23px;
}
	
/*   =====================  Home Page css =============================== */
/* our Solution and Services Section Start */
	.our-services .img{
	height:50px;
}
	.our-services .box{
	padding:30px;
}
.our-services h3 {
	font-size: 30px;
	}
	
/* footer css	 */
.footer-contact-us .left {
	
	font-size: 30px;
	line-height: 39px;
	padding-top: 25px;
}
.right div {
	font-size: 17px;
	line-height: 40px;
}
.right span {
	font-size: 34px;
	line-height: 19px;
}
	.Form-section .main-container {
	display: flex;
	gap: 30px;
	padding-top: 20px;
	flex-direction: column;
}
	.Form-section .left {
	width: 100%;
}
.Form-section .right {
	width: 100%;
	padding: 10px;
}
	.Form-section .p {
	padding-top: 45px;
}
	.main-banner h4 {
	font-size: 35px;
}
	.main-banner p {
	font-size: 33px;
	line-height: 39px;
	
}
}
@media(max-width:768px){
	.contact_form {
	padding: 20px;
}
.home-img-1 {
	position: relative;
	margin-bottom: -217px;
}
	.our-services h2 {
	padding-bottom: 20px;
	width: 100%;
}
	/* common css	 */
	.Container{
	  padding:50px 10px;
	}
	h2{
	font-size:27px;	
}
	h4{
	font-size:21px;
}

	
	
/*   =====================  Home Page css =============================== */
/* our Solution and Services Section Start */
	.our-services .img{
	height:50px;
}
	.our-services .box{
	padding:25px;
}
.our-services h2 {
	padding-bottom: 15px;
}
/*  why chose section*/
.why-choose-sec .para {
	font-size: 25px;
	line-height: 35px;
	padding-bottom: 25px;
}
/*  Footer css  */

	.footer-contact-us .right{
		width:100%;
	}
	.footer-contact-us .left{
		width:100%;
	}
	.Form-section .p {
	padding-top: 60px;
}
	.main-banner h4 {
	font-size: 32px;
}
	.main-banner p {
	font-size: 28px;
	line-height: 39px;
}
}
@media(max-width:576px){
	.about-ethics .heading {
	font-size: 25px;
	line-height: 0px;
	padding: 25px 0px 40px 0px;
}
	.home-img-1 {
	position: relative;
	margin-bottom: -193px;
}
/* common css	 */
	.Container{
	  padding:40px 10px;
	}
	h2{
	font-size:24px;	
}
	h4{
	font-size:19px;
}

	
/*   =====================  Home Page css =============================== */
/* our Solution and Services Section Start */
	.our-services .img{
	height:45px;
}
	.our-services .box{
	padding:20px;
}
.our-services h2 {
	padding-bottom: 10px;
}
.our-services h3 {
	padding: 20px 0px 5px 0px;
	font-size: 20px;
}
.our-services .button {
	width: 214px;
	font-size: 12px;
}
/*  why chose section*/
.why-choose-sec .h2 {	
	font-size: 26px;
	line-height: 30px;
}
.why-choose-sec .para {
	font-size: 20px;
	line-height: 29px;
	padding-bottom: 10px;
}
.accordion-button span {
	font-size: 16px;
	padding-left: 10px;
	line-height: 25px;
}
/* elevate section Start */
	.ele-sec a{
		width:273px;
	}
/* footer css */
.footer-contact-us .left {
	font-size: 25px;
	line-height: 34px;
	padding-top: 0px;
}
	.right div {
	font-size: 15px;
	line-height: 36px;
}
	.right span {
	font-size: 29px;
	line-height: 15px;
}
	.footer-contact-us .right {
	line-height: 40px;
}
	.right a {
	width: 237px;
	height: 36px;
	border-radius: 23px;
	line-height: 36px;
	font-size: 12px;
}
	.Form-section h3 {
	font-size: 25px;
	line-height: 34px;
	padding-bottom: 10px;
}
	.Form-section .main-container {
	padding-top: 0px;
}
	.main-container p {
	padding: 5px 0px 10px 10px;
}
	.list-heading span {
	font-size: 17px;
}
	.Form {
	padding: 15px;
}
.Form .header-form {
	font-size: 17px;
	line-height: 28px;
	padding: 15px 10px 10px 10px;
	text-align: center;
}
	.Form p {
	padding: 5px 0px 0px 10px;
}
	.main-banner h4 {
	font-size: 28px;
}
.main-banner p {
	font-size: 18px;
	line-height: 29px;
	width: 100%;
}
	.about-line {
      position: relative;
      font-size: 11px;
	  padding-top:30px;
  }
.about-slider {
	padding: 15px 0px;
}
      .header .row {
      margin-bottom: 0px;
  }
   .header small {
	font-size: 19px;
	line-height: 18px;
	color: #000000;
	font-weight: 700;
	font-family: "Montserrat";
}
.header .span {
	font-size: 24px;
	line-height: 35px !important;
	color: #000000;
	font-weight: 400;
	font-family: "Montserrat";
	padding-top: 25px 0px;
	line-height: ;
}
  .header p {
      font-size: 15px;
      line-height: 25px;
      color: #000000;
      font-weight: 400;
      font-family: "Montserrat";
  }
	
}

.about-services-section .icon-text {
	font-size: 20px;
	font-weight: 500;
	color: #003263;
	line-height: 30px;
}

.about-services-section .head {
    font-size: 30px;
    line-height: 34px;
    color: #003263;
}
@media(max-width:576px){
	.about-message-section .text-2 {
	margin-top: 12px;
}
	.about-message-section .text-1 {
	margin-top: 0px;
}
	.about-services-section .icon-text {
	font-size: 18px;
	line-height: 30px;
}
	.about-services-section .head {
	font-size: 30px;
	line-height: 36px;
	
}
	.Form p {
	border: none;
	padding: 0px;
	text-align: center;
}
	.Form input[type="submit"] {
	background: #f50e2e;
	font-size: 14px;
	transition: 0.3s all ease-out;
	width: 249px;
}
	.fincing-font-heading {
	font-size: 24px;
	line-height: 17px;
	color: #0b1151;
	font-weight: 500;
	font-family: "Montserrat";
	line-height: 25px;
}
}
.footer-content-container{
	padding: 45px 10px;
}
@media(max-width:400px){
	  .heroSection {
	padding: 0px 0px;
}
	.footer-content-btn-group {
	display: flex;
	/* justify-content: center; */
	gap: 20px;
	flex-direction: column;
	align-items: center;
	padding-top: 10px;
}
	.home-img-1 {
	position: relative;
	margin-bottom: -148px;
}
	.home-services-box-1 {
	padding-top: 107px !important;
}
	.Form {
	padding: 10px;
}
	.Form-section .right {
	width: 100%;
	padding: 7px;
}
	.contact_form {
	padding: 10px;
}
}
@media(min-width:768px) and (max-width:1280px){
	.pad-in{
		padding:0px 40px;
	}
	footer {
	padding: 35px 40px 0px;
}
	.about-services-section {
	padding: 150px 40px 0px;
}
}
@media(max-width:1100px){
	.our-ser-head-group {
	display: block;
}
	.our-services h2 {
	width: 100%;
}
}
@media(max-width:1224px){
.mobmenu-left-panel .mob-cancel-button {
	color: #ff3a3a;
	padding: 20px;
}}
.btn-grp {
	margin-top: 22px;
}
.main-slider-home .row {
	margin-left: 0px;
	margin-right: 0px;
}
.mySwiper {
	max-height:300px !important;
	
}
.swiper-container{
	position:relative;
}
.heroSection .swiper-slide {
	display: flex;
	align-items: center;
}

.pagination-group {
	display: inline-flex;
	justify-content: end;
	flex-direction: column;
	gap: 10px;
}
.pagination-group .prev, .pagination-group .next {
	color: #0b1151;
	padding: 5px 10px;
	border-radius: 10px;
	background: #fff;
	border: 2px solid #e8e9ea;
}

.our-services .swiper-pagination{
	display:none;
}
.our-services .swiper-pagination{
	bottom:0px !important;
}
@media(max-width:1268px){
	.pagination-group {
	transform: translateY(49px);
}
}

@media(max-width:1100px){
		.pagination-group-main {
     display:none;
}
	.pagination-group-main-1 {
     display:none;
}
	.our-services .swiper-pagination{
	display:block;
}
	.our-services .swiper-container {
	padding-bottom: 40px;
}
	.our-services .swiper-container1 {
	padding-bottom: 40px;
}
	}	
@media(max-width:667px){
		.pagination-group .prev, .pagination-group .next {
	color: #0b1151;
	font-size: 24px;
	background: white;
	border: 1px solid red;
	border-radius: 62%;
	padding: 6px;
}

	.mySwiper {
	max-height:200px !important;
	
}
}
.our-services .swiper-pagination-bullet{
	height:10px !important;
	width:10px !important;
	border-radius:50% !important;
}
.our-solution .swiper-pagination-bullet {
	background: var(--swiper-pagination-bullet-inactive-color,#fff);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}

.fincing-font p{
	font-size:14px;
}
.pagination-group-main img {
	height: 15px;
	width: 45px;
}
.contact_form p {
	margin-top: 0;
	margin-bottom: 0rem;
}
.contact_form .services-solutions-from{
	margin-bottom: 10px;
}
.our-ser-head-group  p{
	margin-bottom: 0rem;
}
.man-btn span{
	display:block;
}
@media(min-width:1200px) and (max-width:1280px){
	.mult-btn .btn {
	transition: all 0.3s ease-out;
	width: auto;
	font-size: 14px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
}
.swiper-container1 .pagination2{
	
}
.heroSection .p {
	width: 90% !important;
	display: block;
}
@media(max-width:567px){

	.mob-standard-logo {
	display: inline-block;
	height: 35px !important;
}
	.right span {
    font-size: 12px;
    line-height: 10px;
    text-align: left;
    /* padding-left: 10px; */
}
	
	.heroSection .p {
	width: 100% !important;
	display: block;
}
}
@media(max-width:1143px){
		#topsection {
/* 	margin-top: -20px; */
}
	.mob-menu-logo-holder {
	margin-top: 20px;
	text-align: left;
	margin-left: 15px;
	margin-right: 0;
	height: 93px;
	float: left;
}
	.mobmenul-container {
	top: 4px;
	margin-right: 8px;
	margin-top: 13px;
	height: 50px;
	float: right;
}
	.mob-standard-logo {
	display: inline-block;
	height: 40px !important;
}
}
#footer_number{
	display: block !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0px !important;
    background-color:transparent !important;
    border: none !important;
    line-height: 35px !important;
    font-size: inherit !important;
    color: #0b1151 !important;
    font-weight: inherit !important;
	padding-bottom: 10px;
}
@media (max-width: 1143px) {
    .heroSection {
        padding: 50px 0px 0px 0px;
    }
}
#wprmenu_bar div.hamburger {
    padding-right: 10px;
}
#wprmenu_bar .bar_logo {
    border: none;
    margin: 0;
    padding: 0px 8px 0px 0px;
    width: auto;
    height: 40px;
}
@media (max-width:600px){
	#footer_number {
    display: block !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0px !important;
    /* background-color: red; */
    border: none !important;
    line-height: 21px !important;
    font-size: 19px !important;
    color: #0b1151 !important;
    font-weight: inherit !important;
    padding-bottom: 6px;
    text-align: center;
}
}
#mg-wprm-wrap li.menu-item a {
    padding: 4px 14px;
}
#mg-wprm-wrap a{
	font-family:"Montserrat" !important;
}
#mg-wprm-wrap li.menu-item-has-children ul.sub-menu a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
}
#mg-wprm-wrap ul li {
    margin: 0;
    padding: 0px;
}
.pagination-group-main {
    display: flex;
}
.about-msg-box-111{
	width:50%;
}
@media(max-width:992px){
	.about-msg-box-111{
	width:100%;
	margin-top:20px;
}
}
@media(min-width:1200px) and (max-width:1280px){
	.about-services-section .head {
    font-size: 27px;
    line-height: 31px;
    color: #003263;
}
}
@media(max-width:1200px){
	.mult-btn .btn {
    transition: all 0.3s ease-out;
    width: auto;
    font-size: 13px !important;
    padding-left: 10px !important;
    padding-right: 11px !important;
    height: auto;
    width: 242px;
    height: 40px;
    line-height: 24px;
    margin-top: 15px;
}
}
}