@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Gilroy-Bold.woff') format('woff');
}
body{
	padding:0;
	margin:0;
	font-family: "Gilroy-Bold";
}
img{
	max-width:100%;
}
.row{
	margin:0;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
    padding:0;
}
p{
	margin-bottom:0 !important;
}
ul{
	margin:0;
	padding:0;
}
a:hover{
	text-decoration:none;
}
.banner{
	background-color: #f8f8f8;
}
.banner .navbar-brand h3{
	font-size: 34px;
	line-height: 90px;
	color: #2d055b;
	font-weight: 800;
}
.navbar-dark .navbar-nav .nav-link {
	padding:7px 19px;
	font-size: 20px;
	color: #000000;
	font-weight: 800;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    font-size: 20px;
    color: #ffffff;
    font-weight: 800;
	border-radius: 19px;
	filter: drop-shadow(0px 10px 17.5px rgba(0,0,0,0.23));
	background-color: #2d055b;
}
.navbar-brand img {
    width: 30%;
}
/* .banner .contact{
	font-size: 22px;
	line-height: 35px;
	color: #ffffff !important;
	font-weight: 800;
	font-family: "Poppins";
	border-radius: 19px;
	filter: drop-shadow(0px 10px 17.5px rgba(0,0,0,0.23));
	background-color: #2d055b;
} */
.nav-item {
    margin-left: 16px;
}
.banner h3{
	font-size: 32px;
	letter-spacing: 3px;
	line-height: 17px;
	color: #f9c58c;
	font-weight: 800;
}
.banner .fa{
	color:#2d055b;
}
.banner h4{
	font-size: 63px;
	letter-spacing: 2px;
	line-height: 64px;
	color: #2d055b;
	font-weight: 800;
	margin-top: 12px !important;
    margin-bottom: 10px !important;
}
.banner .btn{
	padding:10px 30px;
	border-radius: 19px;
	border:none;
	font-size: 24px !important;
	line-height: 35px;
	color: #ffffff;
	font-weight: 800;
	font-family: "Poppins";
	filter: drop-shadow(0px 10px 17.5px rgba(0,0,0,0.23));
	background-color: #2d055b;
}
.header_left_cols .btn {
    padding: 8px 38px;
    border-radius: 11px;
    letter-spacing: .5px;
}
.banner .btn.btn-primary:not(:disabled):not(.disabled).active,.banner .btn.btn-primary:not(:disabled):not(.disabled):active,.banner .btn.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2d055b;
    border:none;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow:unset;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: unset;
}
.banner p{
	font-size:18px;
	color:#7f7f7f;
	font-weight: 400;
	font-family: "Poppins";
}
.ellipse{
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background-color: #7733de;
	position:relative;
}
.ellipse img{
	position: absolute;
	left: 50px;
	max-height: 600px;
	top: -100px;
}
.banner .navbar-toggler .fa {
    color: #2d055b;
    position: absolute;
    right: 1px;
    top: 26px;
}
.rect {
	width: 172px;
	height: auto;
	border-radius: 34px;
	position: absolute;
	right: 24px;
	top: 193px;
	z-index:9;
	filter: drop-shadow(0px 20px 28.5px rgba(0,0,0,0.1));
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 25px;
}
.review_btn .btn {
    cursor: auto;
}
.review_btn .btn.btn.btn-primary:not(:disabled):not(.disabled).active,.review_btn .btn.btn.btn-primary:not(:disabled):not(.disabled):active, .review_btn .btn.btn.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #f9c58c;
    border: none;
}
.rect h4{
	font-size: 12px !important;
	letter-spacing: 0px !important;
	line-height: 17px!important;
	color: #2d055b;
	margin-top:0 !important;
	font-weight: 800 !important;
	text-align:center;
	margin-bottom:0px !important;
}
.header_right_cols{
	z-index:9;
}
.icon{
	display:grid;
	align-items:center;
}
.rect p{
	font-size: 10.5px;
	color: #000000;
	width:80%;
	margin:0 auto;
	font-weight: 400;
	text-align:center;
	font-family: "Poppins";
}
.rect2{
	width: 277px;
	height: auto;
	padding-top: 4px;
    padding-bottom: 10px;
	border-radius: 22px;
	filter: drop-shadow(0px 20px 28.5px rgba(0,0,0,0.1));
	background-color: #ffffff;
	position: absolute;
	top: 153px;
	z-index:9;
	right: 301px;
}
.left_sec h3{
	display:none;
}
.rect2.rect3 {
    position: absolute; 
    right: -51px !important; 
    width: 291px !important;
    top: -75px;
    z-index:-1 !important;
}
button:focus {
    outline: none;
}
.review_btn{
	display:flex;
	align-items:center;
}
.rect3 .checked{
	color:#f9c58c;
}
.review_btn .btn{
	border-radius: 11px;
	background-color: #f9c58c;
	font-size: 14px !important;
	line-height: 15px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Poppins";
	padding:10px 16px !important;
}
.row.services {
    padding-bottom: 80px !important;
}
.col-md-6.right_sec {
    margin-top: 38px;
}
.rect2 h4{
	font-size: 12px !important;
	letter-spacing: 0px !important;
	line-height: 17px !important;
	margin-bottom: 0 !important;
	text-align:left !important;
	color: #2d055b;
	font-weight: 800 !important;
}
.rect2 p{
	color: #000000;
    font-size: 10.5px;
    line-height: 16px;
	text-align:left !important;
	font-weight: 400;
	font-family: "Poppins";
}
/**************************services*************************/
.services h3{
	font-size: 32px;
	letter-spacing: 3px;
	line-height: 17px;
	color: #f9c58c;
	font-weight: 800;
}
.service-cols-img-wrap{
        min-height: 163px;
}
.services h2{
	font-size: 75px;
	letter-spacing: -2px;
	line-height: 91px;
	color: #2d055b;
	font-weight: 800;
}
.header_right_cols {
    position: relative;
}
.services p{
	font-size: 17px;
	/*color: #7f7f7f;*/
	color: rgba(0,0,0,0.65);
	width:82%;
	margin:0 auto;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
.services-cols h2{
	font-size: 29px;
	letter-spacing: -1px;
	line-height: 42px;
	color: #2d055b;
	font-weight: 800;
}
.services-cols p{
	font-size: 16px;
	/*color: #7f7f7f;
	color:rgb(112, 117, 122);*/
	color: rgba(0,0,0,0.5);
	font-weight: 400;
	width:100%;
	font-family: "Poppins";
}
.left-cols img{
	margin-left: 34px;
}
.user_img{
	width:55px;
	height:55px;
}
/****************************clients************************/
.clients{
	background-color: #f8f8f8;
}
.clients h3{
	font-size: 70px;
	letter-spacing: -2px;
	line-height: 91px;
	color: #2d055b;
	font-weight: 800;
}
.clients p{
	font-size: 17px;
	/*color: #000000;*/
	color: rgba(0,0,0,0.65);
	font-weight: 400;
	width:90%;
	margin:0 auto;
	font-family: "Poppins";

}
.clients_img{
	display:none;
}
.card {
     position: relative;
     display: flex;
     width: 100px;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid #d2d2dc;
     border-radius: 11px;
     -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
     -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
     box-shadow: 0px 0px 5px 0px rgb(161, 163, 164)
 }

 .card .card-body {
     padding: 1rem 1rem
 }

 .card-body {
     flex: 1 1 auto;
     padding: 1.25rem
 }

 .logo {
     height: 67px
 }

 .items {
     width: 90%;
     margin: 0px auto;
     margin-top: 250px
 }

 .slick-slide {
     margin: 10px
 }
 .right_sec.text-right.right_cols img {
    display: none;
}
/***********************about******************/
.about h3{
	font-size: 55px;
	letter-spacing: -1px;
	line-height: 64px;
	color: #2d055b;
	font-weight: 800;
}
.about p{
	font-size: 18px;
	/*color: #595959;*/
	color:rgba(0,0,0,0.65);
	margin-bottom: 13px !important;
	font-weight: 400;
	font-family: "Poppins";
}
/*.right_cols h3{
    margin-right: -59px;
    z-index: 99;
    position: relative;
}*/
.right_cols{
   margin-top:15px;
}
.left_sec.text_head img {
    margin-top: -77px;
}
.right_sec.text_head {
    margin-left: -55px;
}
/**************************contact us***********************/
.contact h3{
	font-size: 54px;
	line-height: 60px;
	color: #ffffff;
	font-weight: 800;
}
.contact{
	background:#2d055b;
}
.contact p{
	font-size: 15px;
	color:#b6a8c6
	/* font-family: "T TNorms Pro"; */
}
.contact label{
	font-size: 25px;
	line-height: 35px;
	color: #ffffff;
	font-weight: bold;
	/* font-family: "T TNorms Pro"; */
}
.contact .form-control{
	border-radius: 5px;
	background-color:transparent;
	border: 2px solid #ffffff;
}
.contact .btn{
	font-size: 28px;
	color: #ffffff;
	font-weight: 800;
	border-radius: 37px;
	border:none;
	padding: 10px 20px;
    background-color: #f9c58c;
}
.contact .btn.btn-warning:not(:disabled):not(.disabled).active,.contact .btn.btn-warning:not(:disabled):not(.disabled):active,.contact .btn.show > .btn-warning.dropdown-toggle {
    color:  #ffffff;
    background-color: #f9c58c;
    border:none;
}
.btn-warning.focus, .btn-warning:focus {
    box-shadow:unset;
}
.contact li a{
	font-size: 22px;
	line-height: 56px;
	color: #ffffff;
}
.contact .fa{
	color:white;
	margin-right:10px;
}
.social_icons li a{
	float:left;
	margin-right:30px;
}
ul li{
	list-style:none;
}
/*********************footer********************/
.footer{
	background-color: #f8f8f8;
}
.foot_cols1 h2{
	font-size: 42px;
	color: #2d055b;
	font-weight: 800;
	text-align: center;
}
.foot_cols1 img {
    width: 54%;
}
.footer h3{
	font-size: 25px;
	letter-spacing: 0px;
	line-height: 45px;
	color: #2d055b;
	font-weight: 800;
}
.footer ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-top: 10px !important;
}
.foot_cols1{
	display:flex;
	align-items:center;
}
.footer li a{
	font-size: 16px;
	line-height: 30px;
	color: #2d055b;
	/* font-family: "T TNorms Pro"; */
}
.footer hr{
	width: 62px;
	height: 4px;
	border-radius: 2px;
	margin:0;
	border:none;
	background-color: #2d055b;
}
.footer_bottom p{
	font-size: 12px;
	line-height: 24px;
	color: #2d055b;
	font-family: "Arial";
} 

.head_img {
    position: absolute;
    top: 134px !important;
    z-index: -1 !important;
    width: 270px;
    left: 247px;
}

.result_driven img {
    margin-top: -40px !important;
    margin-left: 0px;
}
.result_driven {
    padding-left: 0px;
}
@media screen and (max-width:767px){
	.services h3{
	  margin-bottom:11px;
	  font-size: 26px !important;
	}
	.services h2 {
		 font-size: 40px;
		 margin-bottom:11px;
		 letter-spacing: -2px;
		 line-height: 44px;
	}
	.row.rect2.rect3.bubble3 {
        width: 291px !important;
        right: 51px !important;
        left: 42px;
   }
	.row.services {
        padding-bottom: 30px !important;
    }
    .right_cols h3{
        margin-right:0px !important;
    }
    .left_sec.text_head img {
    margin-top: 5px;
    }
    .row.about.pt-4 {
      padding-top: 60px !important;
    }
    .right_sec.text_head {
       margin-left: 3px;
    }
    .owl-carousel.owl-theme.mt-4.mb-5.owl-loaded.owl-drag {
       margin-bottom: 0 !important;
    }
	.about h3{
        text-align: center;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 1.2px;
	}
	.services p{
	   width:100%;
	}
	.left-cols img {
	    margin-left: 17px;
	}
	.services-cols h2{
	  font-size:24px !important
	}
	.banner .header_left_cols h3{
	  display:none;
	}
	.services-cols p {
	   font-size: 15px;
	}
	.contact h3 {
		font-size: 38px;
		line-height: 46px;
		margin-bottom: 10px;
	}
	.left_sec h3{
	   display:block;
    }
	.right_sec h3{
	   display:none;
    }
	.rect2.rect3 {
		position: absolute;
		right: 51px !important;
		width: 250px !important;
		top: 89px;
	}
	.clients h3 {
	  font-size: 32px !important;
      letter-spacing: 0px;
      line-height: 35px;
      margin-top: 40px;
	}
	.services-cols.col1 {
	    margin-bottom: 15px;
	}
	.banner h4 {
		font-size: 40px;
		letter-spacing: 0px;
		text-align: center;
		line-height: 45px;
	}
	/*.header_left_cols {
	    order: 2;
		margin-top: 115px;
	}*/
	.banner p {
	   text-align: center;
	}
	.banner .btn{
		margin-left: 25%;
        margin-bottom: 35px;
        padding: 10px 50px;
        font-size: 21px !important;
	}
	.ellipse {
		width: 320px;
		height: 320px;
	}
	.ellipse img{
        left:4px;
        top:-80px;
	}
	.rect {
       width: 155px;
	   padding-top: 4px;
       padding-bottom: 16px;
	   right: 12px;
       top: 293px;
	}
	.header_right_cols {
		z-index: 9;
		margin-top:100px;
    }
	.rect h4 {
		/*font-size: 15px !important;*/
		margin-bottom: 0 !important;
	}
	.rect p {
      font-size: 10.5px;
	  width:100%;
	}
	.right_cols h3 {
       display: block;
    }
	.right_sec p {
    text-align: center;
    font-size: 15px;
   }
	.rect2{
		right: 63px;
		width: 272px;
		top: 512px;
        z-index: 9;
		
	}
	.right_cols p {
		text-align: center;
		font-size: 15px;
    }
	.rect2 h4 {
       font-size: 12px !important; 
	 }
	 .review_btn .btn{
		 margin-left: 0 !important;
         margin-bottom: 0 !important;
	 }
	 .clients_img{
	   display:block;
    }
	/*.owl-carousel{
		display:none !important;
	}*/
	.right_sec.text-right.right_cols img {
    display: block;
}
	.clients_img img {
       margin-right: 10px;
       width: 46%;
	}

	.clients_img{
		margin-bottom:25px;
		margin-top:15px;
	}
	.cols_sec{
		display:none;
	}
	.banner .row{
	    margin-top:0 !important;
	    padding-top:0 !important;
	}
} 


.owl-dot {
    display: none !important;
}

.owl-carousel .owl-item img {
    width: 75% !important;
    margin: auto;
}
/***********************new css*******************/
 .services-cols.col1:hover{
	filter: drop-shadow(0px 20px 28.5px rgba(0,0,0,0.1));
    background-color: #ffffff;
} 
.banner .btn{
	font-size:30px;
}
.rect3 .checked {
    color: #f9c58c !important;
}
.header_left_cols{
	z-index:99;
}
.head_img{
	position: absolute;
	top: 130px;
	z-index: -1;
}
.clients h3 {
   font-size: 60px;
}
.foot_img{
	position: absolute;
	right: 0;
	bottom: 1px;
	width: 11%;
}
.foot_img2{
	position: absolute;
	left: 0;
	top: 1px;
	width: 10%;
}
.contact {
    background: #2d055b;
    position: relative;
}
.left_sec img {
    margin-top: 48px;
}

.contact .form-control{color:white !important;}

#collapsibleNavbar {
    color: #f9c58c !important;
	background: #f8f8f8;
	z-index: 99;
	margin-top: -6px;
}
.userIcon{
    padding-right: 10px;
    padding-left: 8px;
    margin-top: 4px;
}

.clients .item {
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width:768px) and (max-width:991px){
	.head_img,.foot_img,.foot_img2{
		display:none;
	}
	.contact label {
       font-size: 21px;
	}
	.services h2 {
       font-size: 55px;
	   letter-spacing:1px;
	}
	.contact h3 {
		font-size: 37px;
		line-height: 43px;
	}
	.review_btn .btn {
    margin-bottom: 0 !important;
    }
	.banner h4 {
		font-size: 30px;
		letter-spacing: -2px;
		line-height: 42px;
	}
	.ellipse {
		width: 350px;
		height: 350px;
	}
	.rect {
      width: 170px;
	  padding-top: 11px;
      padding-bottom: 11px;
	  right: 27px;
      top: 321px;
	}
	.about h3 {
		font-size: 51px;
		letter-spacing: 1px;
	}
	.rect2 {
		top: 503px;
		right: 218px;
    }
	.about p {
       font-size: 15px;
	}
	.services-cols h2 {
		font-size: 25px !important;
		letter-spacing: -1px !important;
		line-height: 34px !important; 
	}
	.rect p {
		font-size: 9px;
		width:100%;
	}
	.contact .btn {
		font-size: 24px;
		color: #ffffff;
		font-weight: 800;
		border-radius: 37px;
		border: none;
		padding: 10px 27px;
	}
    .rect h4 {
       /*font-size: 14px !important;*/
	   margin-bottom: 0 !important;
	}
	.rect3 {
       top: 62px !important;
	}
	.ellipse img {
		position: absolute;
		left: -9px;
	}
	.clients,.about,.contact,.footer {
    padding-top: 10px !important;
   }
	.clients h3 {
		font-size: 60px;
		letter-spacing: 1px;
    }
    .banner h3 {
        line-height: 34px;
    }
    .banner p{
        font-size:15px;
    }
    .banner .btn{
        margin-bottom: 75px;
    }
}
@media screen and (min-width:414px) and (max-width:500px){
    .head_img {
        position: absolute !important;
        top: 92px !important;
        z-index: -1 !important;
        width: 168px !important;
        left: 181px !important;
    } 
    .aos-init{
      overflow-x: hidden;
    }
}
@media screen and (min-width:320px) and (max-width:369px){
    .aos-init{
      overflow-x: hidden;
    }
    /*.head_img {
    position: absolute;
    top: 131px !important;
    z-index: -1 !important;
    width: 168px !important;
    left: 33px !important;
    height: 9px !important;
   }*/
   .banner h4 {
    font-size: 38px;
       
   }
}
@media screen and (max-width:767px){
	.contact h3,.contact p{
		text-align:center;
	}
	.contact .btn {
		font-size: 20px;
		padding: 10px 30px;
	}
	.footer,.clients,.contact{
		padding-top: 10px !important;
	}
	.left_sec img {
       margin-top: 0px;
    }
	.foot_img,.foot_img2{
		display:none;
	}
	.services{
	    padding-top:100px !important;
	}
	.head_img {
        position: absolute;
        top: 92px !important;
        z-index: -1 !important;
        width: 168px;
        left: 159px;
        height: 9px;
   }
	.rect2.rect3{
		top: -124px;
		z-index:-1 !important;
	}
	.aos-init{
      overflow-x: hidden;
    }
	.rect2 {
		top: 368px;
	}
	.rect{
		top:174px;
	}
	.services-cols h2,.services h2 {
		letter-spacing: 1px;
    }
    #contactUsForm .col-md-12.text-right {
        text-align: center !important;
    }
    .foot_cols4 {
        margin-top: 20px;
    }
    .footer_bottom {
        margin-top: 20px !important;
    }
    #contactUsForm .col-md-6, form#contactUsForm .col-md-12 {
        padding: 0px;
    }
    .navbar{
        padding:0rem 1rem .5rem !important;
    }
      .user_img {
    width: auto;
    height: auto;
   }
    
    /*new css*/
    .rect3 {
		position: absolute;
		right: 35px !important;
		width: 273px !important;
    }
	.review_btn .btn {
		font-size: 13px !important;
    }
	.services-cols img{
	  width: 50%;
      margin: 0 auto;
	}
	.rect img{
	  width:70px;
	  margin-top: 11px;
	}
	
	.col-md-3.foot_cols1 .col-md-12.p-0 {
        text-align: center;
    }
    /*new css*/
}

.services-cols img {
    width: 50%;
}

.bubble1, .bubble2, .bubble3{
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    visibility:hidden;
}