@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ width:100%; padding: 0; margin: 0; font: 400 1.6rem/1.2 var(--black);  }
img{ display: inline-block; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; text-transform:capitalize; }
a{ padding: 0; margin: 0; outline:none; text-decoration: none; display: inline-block; }
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; font-size: 1.6rem; font-family: var(--body_font); }
ul, ol, li{ padding:0; margin:0; list-style:none; }
/*__________________________ custom_short css_start ____________*/
.ptb{ padding: 6rem 0; } 
.pt-0{ padding-top: 0; }
.pb-0{ padding-bottom: 0; }
.mt-0{ margin-top: 0; }
.mb-0{ margin-bottom: 0; }
.text_center{ text-align: center; }
.text_white{ color: var(--white); }
.text_black{ color: var(--black); }
.text_left{ text-align: left; }
span, em, li, strong{ font-style: normal; font-family: var(--body_font); display: block; font-size: 1.6rem; }
p{ font: 400 1.6rem/1.6 var(--body_font); color:var(--body_text_color); letter-spacing:.1rem; text-transform: capitalize; }
h4 {font-size: 2.8rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--body_font); }
h5{font-size: 2.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-family: var(--body_font); }
h1, h2, h3{font-size: 4.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-weight: 600; font-family: var(--body_font);  }



/*__________________________ custom_short css____________*/
:root{ 
  /*--second_brand: #EED26E; */
  --second_brand: #4cd137; 
	--brand: #1C2D37; 
	--body_text_color: #303030;
	--white: #fff; 
	--black: #000; 
	--body_font: 'Inter', sans-serif;
	/*--head_font: "Gilda Display", sans-serif;*/
	/*--graident: linear-gradient(90deg,rgba(5, 217, 171, 1) 0%, rgba(5, 170, 244, 1) 100%);*/

}



/*__________________________ bottom_to_top css_start _________________________________________*/

#button { display: inline-block; background:  var(--brand); width: 50px; height: 50px; text-align: center; border-radius: 10rem; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#button::after { content: "\f062"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 1.6rem; line-height: 5rem; color: #fff; }
#button:hover { cursor: pointer; background: var(--second_brand); }
#button:active { background-color: #555; }
#button.show { opacity: 1; visibility: visible; }

/*__________________________ bottom_to_top css_end _________________________________________*/
/*__________________________ custom_btn css_start _________________________________________*/

/* Btn 10  */
.main_btn {
    padding: 1.2rem 3rem;
    width: fit-content;
    text-transform: uppercase !important;
    letter-spacing: .1rem;
    text-align: center;
    text-transform: capitalize;
    border-radius: 10rem;
    position: relative;
    overflow: hidden;
    transition: all .5s ease-in-out;
    background: var(--brand);
    z-index: 10;
    font-size: 1.6rem;
    display: inline-block;
}
.main_btn span {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 500;
}
.main_btn:hover{ color: #fff!important; }
.main_btn::before { content: ''; width: 0%; height: 100%; display: block; background: var(--second_brand); position: absolute; transform: skewX(-20deg); left: -10%; opacity: 1; top: 0; z-index: -12; transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); } 
.main_btn::after { content: ''; width: 0%; height: 100%; display: block; background: rgba(255, 255, 255, .5); backdrop-filter: blur(3rem) saturate(200%); position: absolute; transform: skewX(-20deg); left: -10%; opacity: 0; top: 0; z-index: -15; transition: all .4s cubic-bezier(.2,.95,.57,.99); }
.main_btn:hover::before, .main_btn:hover::before{ opacity:1; width: 116%; }
.main_btn:hover::after, .main_btn:hover::after{ opacity:1; width: 120%; }

/*__________________________ custom_btn css_end _________________________________________*/

h2 span{ color:var(--brand); font-size: 4.5rem; display:inline-block;  }



/*________________________________________________________________________ header_css_start ___________________________________________________________________________________*/
h2{ color:var(--black); }
h2 em{ position:relative; margin-bottom: 1.5rem; text-transform:uppercase; color:var(--second_brand); font-weight: 800; }




/*________________________________________________________________________ header_sec start ___________________________________________________________________________________*/

/*.header_sec.fixed { position:fixed; top: 0; width:100%; z-index: 999999999; box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.header_sec.fixed .nav_sec{ background: var(--white); box-shadow:rgba(0, 0, 0, .3) 0 0 1rem; }
.header_sec.fixed .nav_sec .navbar .navbar-nav li a{ color:var(--black); }*/

/*===========bottom_header==============*/

.header_sec {
    padding: 1rem 0;
    background: #f9fdff4a;
    backdrop-filter: blur(1rem) saturate(180%);
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 99999;
    transition: all 0.3s ease;
}

.header_sec.hdr-fixed {
    position: fixed;
    z-index: 100;
    background: #a5a5a5c7;
}


.header_sec .nav_sec .container{ max-width:100%; padding: 0 4rem; }
.header_sec .nav_sec .navbar .navbar-brand{ position:absolute; left:0;  }
.header_sec .nav_sec .navbar .navbar-brand img{ width:13rem; }
.header_sec .nav_sec .navbar .navbar-nav li a {
    color: var(--body_text_color);
    font-weight: 500;
    font-size: 1.6rem;
    padding: 1.5rem 2rem;
    text-transform: uppercase;
}
.header_sec .nav_sec .navbar .navbar-nav li.active a{ color:var(--second_brand);  }
.header_sec .nav_sec .navbar .navbar-nav{ margin-right: -10rem; }
.header_sec .nav_sec .navbar-expand-lg .navbar-collapse{ justify-content:center; }
.header_sec .nav_sec .navbar .header_btn{ position:absolute; right:-2.8rem; }
.header_sec .nav_sec .navbar .header_btn a{ border:.2rem solid #fff; }
.header_sec .nav_sec .navbar .header_btn a span {
    color: var(--white);
    font-weight: 600;
    font-size: 1.6rem !important;
}
.header_sec .nav_sec .navbar .header_call_btn a{ border:.2rem solid #fff; background: var(--white); }
.header_sec .nav_sec .navbar .header_call_btn a span{ color:var(--black); font-weight: 600; }
.header_sec .nav_sec .navbar .header_call_btn a:hover span{ color:var(--white); }
.header_sec .nav_sec .navbar .header_call_btn{ position:absolute; right: 23rem; }




/*________________________________________________________________________ banner_sec_start ___________________________________________________________________________________*/

.creative-fullpage--slider { z-index: 2; width: 100%; position: relative; height: 85rem;  }
.creative-fullpage--slider .slider-inner { height: 85rem; position: relative; }
.creative-fullpage--slider .swiper-slide { position: relative; display: flex; justify-content: center; text-align: left; flex-direction: column; overflow: hidden; }
.creative-fullpage--slider .swiper-slide .slider-inner img {object-fit: cover; height: 85rem; }
.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content { position: absolute; top: 22%; left: 5rem; z-index: 1; }
.creative-fullpage--slider .swiper-slide .slider-inner::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: radial-gradient(at center right, #0000003b 50%, #00000096 100%) }
.swiper-slide .slider-inner .swiper-content .title-area .tag { color: #ffffff; font-weight: 500; font-size: 1.8rem; }
.swiper-slide .slider-inner .swiper-content .title-area .title { color: #fff; font-size: 8rem; line-height: 1; font-weight: 400; text-transform: uppercase; margin-top: .5rem ; }
.swiper-slide .slider-inner .swiper-content p.disc { font-size: 1.6rem; margin: 7rem 0 4rem 0; line-height: 2; color: #fff; }
.creative-btn--wrap .creative-slide--btn { color: #ffffff; margin-left: 1.8rem; font-size: 1.4rem; transition: margin-left 300ms cubic-bezier(0.49, 0, 0.01, 1); font-weight: 400; display: inline-flex; position: relative; white-space: nowrap; text-decoration: none; justify-content: center; align-items: center; cursor: pointer; user-select: none; outline: none; outline-color: transparent; box-shadow: none; will-change: transform; backface-visibility: hidden; }
.creative-btn--wrap .creative-slide--btn:hover .creative-btn--label { transform: translateX(1.8rem); border-bottom: .1rem solid rgba(255, 255, 255, 1.0); transition: all .5s ease; }
.creative-fullpage--slider .swiper-container-h .swiper-button-next, .creative-fullpage--slider .swiper-container-h .swiper-button-prev { bottom: 5%; top: unset; transform: scale(1); transition: all 0.4s; background-color: #ffffff00; backdrop-filter: blur(.2rem); height: 8rem; width: 8rem; line-height: 8rem; border-radius: 50%; transition: all 0.4s; }
.creative-fullpage--slider .swiper-container-h .swiper-button-next { right: 5rem; }
.creative-fullpage--slider .swiper-container-h .swiper-button-prev { left: 5rem; }
.swiper-container-h .slider-pagination-area { display: flex; align-items: center; justify-content: center; position: absolute; top: unset; right: unset; bottom: 8rem; left: 50% !important; transform: translateX(-50%); width: 50rem; z-index: 1; }
.swiper-container-h .slider-pagination-area .slide-range { font-size: 1.6rem; font-weight: 500; margin: 0 1.5rem; color: #ffffff; line-height: 0; position: absolute; font-size: 2rem; }
.swiper-container-h .slider-pagination-area .slide-range.one { left: -5rem; }
.swiper-container-h .slider-pagination-area .slide-range.three { right: -5rem; }
.swiper-container-h .slider-pagination-area .swiper-pagination { bottom: 0 !important; width: 50rem !important; }
.swiper-container-h .slider-pagination-area .swiper-pagination .swiper-pagination-progressbar-fill { background: #ffffff; }
.swiper-container-h .swiper-button-next::after { content: "\f178"; font-family:"Font Awesome 6 pro"; font-weight: 400; background: none; color: #ffffff; font-size: 3rem; }
.swiper-container-h .swiper-button-prev::after { content: "\f177"; font-family: "Font Awesome 6 pro"; font-weight: 400; background: none; color: #ffffff; font-size: 3rem; }
.swiper-container-h .swiper-button-next:hover, .swiper-container-h .swiper-button-prev:hover { background: #ffffff0d; }



/*________________________________________________________________________ about_sec start ___________________________________________________________________________________*/

.about_section { position: relative;}
.about_section::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/about_bg.png) no-repeat left top; z-index: 1; }
.about_section .about_content p{ padding-top: 2rem; }
.about_section .about_list_flex { padding: 2.5rem; background: #f1f1f1; border-radius: 1rem; justify-content: space-between; margin-top: 3rem; }
.about_section .about_list_flex .year{ text-align: center; background: var(--second_brand); padding: 2rem; border-radius: 1rem; }
.about_section .about_list_flex .year strong{ font-size: 10rem; color: var(--white); font-weight: 600; }
.about_section .about_list_flex .year span{ font-size: 1.8rem; color: var(--white); font-weight: 600; }
.about_section .about_list_flex ul li{ font-size: 1.8rem; color: var(--black); font-weight: 600; padding-left: 3rem; position: relative; margin: 2rem 0 0 0; }
.about_section .about_list_flex ul li::after{ content: "\f058"; font-family: "Font Awesome 6 pro"; left: 0; top: .4rem; color: var(--second_brand); font-size: 1.6rem; position: absolute; }
.about_section .images_block { margin-right: 3rem; position: relative; }
.about_section .images_block img{ height: 50rem; object-fit: cover; width: 60% !important; border-radius: 1rem; border: .3rem solid #fff; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; }
.about_section .images_block .images{ text-align: right;}

.about_section .images_block .images_one {
    position: absolute;
    bottom: 0;
    right: -12rem;
    z-index: -9;
}
.about_section .images_block .images_one img{ transform: rotate(-10deg); height: 46rem !important; }
.about_section .images_block .images_two{ position: absolute; bottom: 0; right: -10rem; z-index: -12; }
.about_section .images_block .images_two img {
    transform: rotate(-15deg);
    height: 36rem !important;
}
.about_section .about_content .ceo_block { margin-top: 3rem; }
.about_section .about_content .ceo_content{ gap: 0 2rem;}
.about_section .about_content .ceo_content .images span{ width: 7rem; height: 7rem; }
.about_section .about_content .ceo_content .images img{ border-radius: 100%; }
.about_section .about_content .ceo_content .content h3{ font-size: 2.2rem;  color: var(--black); font-weight: 600; padding-bottom: .5rem; }


/*________________________________________________________________________ Solutions start ___________________________________________________________________________________*/

.solution_sec { background: var(--brand); position: relative; z-index: 1;}
.solution_sec::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/solution_bg.png) repeat; z-index: -1; opacity: .3; }
.solution_sec .container{ max-width: 100%; padding: 0 15rem; }
.solution_sec .solution_paddi:last-child .solution_item{ border-right: none; }
.solution_sec .solution_item { margin-top: 3rem; border-right: .1rem solid rgba(255, 255, 255, .3); padding: 2rem; }
.solution_sec .solution_item .icon_box{ display: flex; align-items: center; gap:0 5rem; }
.solution_sec .solution_item .icon_box span{ border: .1rem solid #bea95b; border-radius: 100%; width: 8rem; height: 8rem; display: flex; align-items: center; justify-content: center; }
.solution_sec .solution_item .icon_box span i{ font-size: 3.5rem; color: var(--white); font-weight: 100; }
.solution_sec .solution_item .icon_box em{  font-size: 5rem; color: #ffffff40; font-weight: 600;}
.solution_sec .solution_item h3{ font-size: 3rem; color: var(--white); padding: 2rem 0 2rem 0;  }
.solution_sec .solution_item p{  color: var(--white);  }
.solution_sec .solution_item a{ padding-bottom: .3rem; font-size: 2rem; color: var(--white); margin-top: 2.5rem; border-bottom: .1rem solid #ffffff4d; width: 100%; justify-content: space-between; align-items: center; display: flex; }
.solution_sec .solution_item a i{ font-weight: 400; transition: all 0.3s ease-in-out; }
.solution_sec .solution_item a:hover i{ transform: rotate(-45deg); color: var(--second_brand); }


/*________________________________________________________________________ banner_sec_start ___________________________________________________________________________________*/


.service_sec h6{ font-family: var(--body_font); font-size: 1.5rem; font-weight: 600; color: var(--second_brand); }
.service_sec { background: #F0F4FD; position: relative; z-index: 1; }
.service_sec::after{ content: ""; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/service_bg.png) repeat; position: absolute; z-index: -1; }
.service_sec .service_box{ margin-top: 3rem; box-shadow: rgba(0, 0, 0, .2) 0 0 2rem;}
.service_sec .service_box .images_box{position: relative;}
.service_sec .service_box .images_box img{ border-radius: .5rem .5rem 0 0; }
.service_sec .service_box .images_box .service_ani{position: absolute; top: 1rem; right: 1rem; background: var(--second_brand); padding: .5rem 1rem; border-radius: .5rem; }
.service_sec .service_box .images_box .service_ani em{ color: var(--white); font-weight: 600; text-transform: uppercase; }
.service_sec .service_box .service_contain h3{ font-size: 2.8rem; padding-bottom: .5rem; }
.service_sec .service_contain { background: var(--white); padding: 2.5rem; }
.service_sec .service_contain .content_item { margin-top: 2rem; padding-top: 2rem; border-top: .1rem dashed rgba(0, 0, 0, .2);}
.service_sec .service_contain .content_item ul{ gap: 0 2rem;   }
.service_sec .service_contain .content_item ul li{ gap: 0 .5rem;   }
.service_sec .service_contain .content_item ul li .icon i{  font-size: 1.6rem; color: var(--second_brand); }
.service_sec .service_contain .content_item ul li .text em{ color: var(--brand); font-weight: 500;}
.service_sec .service_contain .service_call{ margin-top: 2rem; background: var(--brand); padding: 1rem 1.5rem; border-radius: .5rem;}
.service_sec .service_contain .service_call a{ color: var(--white); border-bottom: .1rem solid transparent; }
.service_sec .service_contain .service_call .service_phone i{ color: var(--white); font-size: 1.4rem; padding-right: .5rem; }
.service_sec .service_contain .service_call .service_phone span{ color: var(--white); }
.service_sec .service_contain .service_call a:hover{ border-bottom: .1rem solid var(--white); }
.service_sec .view_btn a{ color: var(--black); font-weight: 400; display: flex; align-items: center; justify-content: center; margin-top: 3rem; }
.service_sec .view_btn a span{ margin-left: 1rem; color: var(--second_brand); font-weight: 600; border-bottom: .2rem solid var(--second_brand); width: fit-content; }
.service_sec .view_btn a span i{ padding-left: 1rem; transition: all 0.5s ease-in-out; }
.service_sec .view_btn a:hover i{ transform: rotate(-45deg); }
.service_sec .row{ margin: 0 -1.5rem; }
.service_sec .row .service_paddi{ padding: 0 1.5rem; }

.images_box a {
    display: block;
}

/*________________________________________________________________________ cta_one_sec start ___________________________________________________________________________________*/

.cta_one_sec{ overflow: hidden; background-attachment: fixed !important;}
.cta_one_sec .left_text{ padding:  8rem 4rem 8rem 15rem; }
.cta_one_sec .left_text h2{  color: var(--white); }
.cta_one_sec .left_text p{ font-size: 1.6rem; color: var(--white); padding: 2rem 0 6rem 0; }
.cta_one_sec .left_text a{ font-size: 3rem; color: var(--white); display: flex; gap: 0 1rem; border: .1rem solid var(--white); width: fit-content; padding: 1rem 3rem; border-radius: 1rem;   }
.cta_one_sec .left_text a em{ font-size: 3rem; color: var(--white);   }
.cta_one_sec .container{ max-width: 100%; padding: 0 0; }
.cta_one_sec .right_image, .cta_one_sec .right_image .images, .cta_one_sec .right_image img{ height: 100%; object-fit: cover; }


/*________________________________________________________________________ home_mp_sec start ___________________________________________________________________________________*/

.home_mp_sec .home_map_paddi{ padding: 0 0; }
.home_mp_sec{ overflow: hidden;}
.home_mp_sec .container{ max-width: 100%; padding: 0 0; }
.home_mp_sec .map_block{ height: 100%; }
.home_mp_sec .map_block iframe{ width: 100%; height: 100%; }
.home_mp_sec .right_image_block .images_block::after{ position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 3;}
.home_mp_sec .right_image_block .images_block img{ height: auto; object-fit: cover; }
.home_mp_sec .right_image_block .images_block{ position: relative; z-index: 1;}
.right_image_block, .right_image_block div, .home_mp_sec .right_image_block .images_block img {
    height: 100%;
}
.home_mp_sec .right_image_block .images_block .image_content{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 8; padding-left: 10rem; }
.home_mp_sec .right_image_block .images_block .image_content h2{  color: var(--white); }
.home_mp_sec .right_image_block .images_block .image_content p{ font-size: 1.6rem; color: var(--white); padding: 2rem 0; }
.home_mp_sec .right_image_block .images_block .image_content ul li{ display: flex; align-items: center; padding: 2rem 3rem; border-radius: 1rem; background: rgba(255, 255, 255, .3); backdrop-filter: blur(2rem) saturate(200%); margin-bottom: 2rem; gap: 0 2rem; }
.home_mp_sec .right_image_block .images_block .image_content ul li .email em{ font-size: 1.6rem; letter-spacing: 0.1rem; font-weight: 400; color: var(--white); }
.home_mp_sec .right_image_block .images_block .image_content ul li .email span{ font-size: 2.5rem; letter-spacing: 0.1rem; font-weight: 400; color: var(--white); }
.home_mp_sec .right_image_block .images_block .image_content ul li .icon span{ width: 7rem; height: 7rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: var(--brand); }
.home_mp_sec .right_image_block .images_block .image_content ul li .icon span i{ color: var(--white); font-size: 3rem; font-weight: 200; }



/*________________________________________________________________________ feedback_sec ___________________________________________________________________________________*/

.feedback_sec{ position: relative; z-index: 1; background: #ececec; }
    .feedback_sec::after{ position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/feedback_bg_2.png) repeat; opacity: .05; z-index: -3; }
/* .feedback_sec::before{ position: absolute; content: ""; width: 100%; height: 30rem; top: 0; left: 0; background: var(--brand); z-index: -1; } */
.feedback_sec .feedback_box{ background: var(--white); padding: 2.5rem; }
.feedback_sec .item{ padding: 0 1.5rem ;  }
.feedback_sec .feedback_box .star{ gap: 0 .3rem; margin-bottom: 2rem;}
.feedback_sec .feedback_box .star i{ color: #F7C631; font-size: 1.8rem;  }
.feedback_sec .feedback_box  em{font-size: 2.5rem; font-weight: 600; color: var(--black);  }
.feedback_sec .feedback_box .person .images img{ width: 5rem; height: 5rem; border-radius: 100%; object-fit: cover; }
.feedback_sec .feedback_box .person{ padding-top: 2rem; margin-top: 2rem; border-top: .1rem solid rgba(0, 0, 0, .1); gap: 0 2rem; }
.feedback_sec .feedback_main{ margin-top: 3rem;}
.feedback_sec .owl-nav{ display:none; }
.feedback_sec .owl-dots{ display:flex !important; margin-top: 3rem; justify-content:center; gap: 0 .5rem; }
.feedback_sec .owl-dots .owl-dot{ width:1.5rem; height:1rem; background: var(--brand); border-radius:10rem; }
.feedback_sec .owl-dots .owl-dot.active{ width:4rem; height:1rem; background: var(--brand); border-radius:10rem; }

/*________________________________________________________________________ Our Work Process start ___________________________________________________________________________________*/

.work_process_sec{ position: relative; z-index: 1; }
.work_process_sec::after{ position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/process_bg_1.png) no-repeat left bottom; opacity: .8; z-index: 2; }
.work_process_sec::before{ position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/process_bg_2.png) no-repeat right top; opacity: .6; z-index: 2; }
.work_process_sec .work_process_main{  margin-top: 3rem;}
.work_process_sec .work_process_main .work_process_box{ text-align: center; margin: 0 2rem; }
.work_process_sec .work_process_main .work_pro_paddi:nth-child(2){ margin-top: 10rem; }
.work_process_sec .work_process_main .work_pro_paddi:nth-child(3){ margin-top: 10rem; }
.work_process_sec .work_process_main .work_process_box .icon{position: relative; display: flex; align-items: center; justify-content: center; z-index: 1; width: fit-content; margin: 0 auto; overflow: hidden; border-radius: 1rem; }
.work_process_sec .work_process_main .work_process_box .icon::after{ position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0, 0, 0, .5); z-index: 2; }
.work_process_sec .work_process_main .work_process_box .icon img{ overflow: hidden; width: 26rem !important; height: 25rem; border-radius: 1rem; }
.work_process_sec .work_process_main .work_process_box .icon h3{ z-index: 5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 9rem; color: transparent !important; -webkit-text-stroke-width: 1px; stroke-width: 1px; -webkit-text-stroke-color: var(--white); }
.work_process_sec .work_process_main .work_process_box h2{ font-size: 2.5rem; color: var(--black); padding: 2rem 0; }










/*________________________________________________________________________ cta_two_sec ___________________________________________________________________________________*/

.cta_two_sec{ overflow: hidden; background-attachment: fixed !important;}
.cta_two_sec .left_text{ padding:  7rem 4rem 8rem 8rem; background: linear-gradient(45deg, #011522 20%, #184E4A 80%); height: 100%; align-content: center; }
.cta_two_sec .left_text h2{ font-size: 5rem; color: var(--white); padding-bottom: 3rem; }
.cta_two_sec .left_text p{ font-size: 1.5rem; color: var(--white); padding: 1.5rem 0 1.5rem 0; }
.cta_two_sec .left_text a{ font-size: 3rem; color: var(--white); display: flex; gap: 0 1rem; border: .1rem solid var(--white); width: fit-content; padding: 1rem 3rem; border-radius: 1rem; margin-top: 6rem;  }
.cta_two_sec .left_text a em{ font-size: 3rem; color: var(--white);   }
.cta_two_sec .container{ max-width: 100%; padding: 0 0; }
.cta_two_sec .right_image, .cta_two_sec .right_image .images, .cta_two_sec .right_image img{ height: 100%; object-fit: cover; }
.cta_two_sec .right_image img{ height: 60rem; }
.cta_two_sec .cta_two_paddi{ padding: 0 0 0 0; }




/*________________________________________________________________________ footer_sec start ___________________________________________________________________________________*/


/* .footer_sec .footer_column img{ width: 15rem; } */
.footer_sec .footer_column .footer_logo { width: 17rem;  margin-bottom: .5rem; filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(270deg) brightness(109%) contrast(101%);}

.footer_sec .footer_column h3{ font-size: 3rem; color: var(--white); margin-bottom: 2rem; }
.footer_sec .footer_top{ padding: 4rem 0; background: #001535; position: relative; z-index: 1; }

.footer_sec .footer_top::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/ftr-bg.png);
    opacity: 0.6;
    z-index: -1;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover;
}

.footer_sec .footer_top .footer_column p{ color: var(--white); font-size: 1.6rem; padding-top: 2rem; }
.footer_sec .footer_top .footer_column .useful_links li a{ color: var(--white); font-size: 1.6rem; padding: 1.5rem 0; width: 100%; }
.footer_sec .footer_top .footer_column .useful_links li a i{ font-size: 1.6rem; color: var(--white); margin-right: 1rem; }
.footer_sec .footer_top .footer_column .useful_contact li a{ color: var(--white); font-size: 1.6rem; padding: 1.5rem 0; width: 100%; line-height:29px;}
.footer_sec .footer_top .footer_column .useful_contact li a i{ font-size: 1.6rem; color: var(--white); margin-right: 1rem; }
.footer_sec .footer_top .footer_column .social_block .footer_social { display: flex; align-items: center; gap: 0 1rem;}
.footer_sec .footer_top .footer_column .social_block .footer_social a{ width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: var(--white); }
.footer_sec .footer_top .footer_column .social_block .footer_social a i{ font-size: 1.4rem; color: var(--second_brand);}
.footer_sec .footer_top .footer_column .subs_input{ margin-top: 3rem; position: relative;}
.footer_sec .footer_top .footer_column .subs_input form label{ font-size: 2rem; color: var(--white); font-family: var(--body_font); margin-bottom: 1.5rem; }
.footer_sec .footer_top .footer_column .subs_input form .form-control{ border: none; border-radius: .5; height: 5rem; padding-left: 2rem; font-size: 1.6rem; color: var(--white); background: rgba(255, 255, 255, 1); font-family: var(--body_font); font-size: 1.6rem; font-weight: 500; color: var(--black);  }
.footer_sec .footer_top .footer_column .subs_input form button{ position: absolute; bottom: 0; right: 0; height: 5rem; border-radius: 0; font-size: 1.6rem; color: var(--white); background: var(--second_brand); border: none; font-family: var(--body_font); }
.footer_sec .footer_top .footer_column.explore{ margin-left: 5rem;}
.footer_sec .bottom_footer{ padding: 1.5rem 0; background: #000; border-top: .1rem solid rgba(255, 255, 255, .4); }
.footer_sec .bottom_footer .bottom_footer_main em{ font-size: 1.4rem; color: var(--white); }
.footer_sec .bottom_footer .bottom_footer_main span{ font-size: 1.4rem; color: var(--white); }
.footer_sec .bottom_footer .bottom_footer_main span a{ color: var(--second_brand); border-bottom: none; font-weight: 600; padding-left: .5rem; }
.bottom_footer_main span, .bottom_footer_main span a { color: #000 !important;}




/*________________________________________________________________________ banner_sec_start ___________________________________________________________________________________*/




/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
    body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
    body { -webkit-text-size-adjust:none; }
}

@media only screen and (max-width: 1799px){ 

/*header*/
.header_sec .nav_sec .navbar .navbar-nav { margin-right: 10rem; }
.solution_sec .solution_item h3 { font-size: 2.6rem; }


@media only screen and (max-width: 1699px){ 

/*header*/
.header_sec .nav_sec .navbar .navbar-nav {
    margin-right: 0;
    flex-grow: 1;
    justify-content: center;
}
.header_sec .nav_sec{ width: 98%; }
.creative-fullpage--slider .swiper-slide .slider-inner img { height: 65rem; }
.creative-fullpage--slider .slider-inner, .creative-fullpage--slider { height: 65rem; }
.solution_sec .container{ max-width:100%; padding: 0 2rem ; }
.cta_two_sec .right_image img{ height:100%; }


}

@media only screen and (max-width: 1441px){
	
	.swiper-slide .slider-inner .swiper-content .title-area .title { font-size: 4.5rem; }

}

@media screen and (max-width: 1199px){










	
}



@media screen and (max-width: 991px){
.container{ max-width:100%; padding: 0 1.5rem; }



.header_sec.fixed .navbar .navbar-toggler-icon{ background:var(--brand); }
.header_sec .navbar .container-fluid{ justify-content:end; }
.header_sec .navbar .navbar-toggler-icon{ display: block; background: var(--black); width: 3rem; height: .4rem; border-radius: .3rem; margin-top: .4rem; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 0.5s ease-in-out; }
.header_sec .navbar .navbar-collapse{ position: fixed; left:-50rem; top: 0; width: 25rem; height: 100vh; background: var(--white); transition: all 0.5s ease-in-out; border-right: .4rem solid var(--brand); overflow-y: auto; padding-left: 1.5rem; padding-top: 2rem; z-index: 22; }
.header_sec .navbar .navbar-collapse.show{ left: 0; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(1){ transform: matrix(1, -1, 0, 1, 0, 0); width: 25px; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(2){ opacity: 0; width: 0; }
.header_sec .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(3){ transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px; }
.header_sec .navbar .navbar-collapse.show .navbar-nav{ margin: 0; }
.header_sec .navbar .navbar-collapse.show ul li a{ color:#000; width:100%; padding: 1.5rem 0; border-bottom: .1rem dashed rgba(0, 0, 0, .2); }
.header_sec .navbar .navbar-collapse.show ul{ width:100%; }
.header_sec .nav_sec { padding: 2rem 0; }
.header_sec .nav_sec .navbar .header_btn{ right:6rem; }
.header_sec .navbar .navbar-toggler { padding: 0; border: none; box-shadow: none;filter: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7474%) hue-rotate(242deg) brightness(85%) contrast(98%);}

/* banner */
.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content { width: 100%; text-align: center; left: 0; }
.creative-fullpage--slider .swiper-container-h .swiper-button-next, .creative-fullpage--slider .swiper-container-h .swiper-button-prev { height: 5rem; width: 5rem; line-height: 5rem; }
.swiper-container-h .slider-pagination-area { width: 20rem !important; }
.swiper-container-h .swiper-button-next::after, .swiper-container-h .swiper-button-prev::after { font-size: 3rem;}
.creative-fullpage--slider .swiper-container-h .swiper-button-next, .creative-fullpage--slider .swiper-container-h .swiper-button-prev { background: #ffffff3b; }
.swiper-container-h .slider-pagination-area .swiper-pagination { bottom: 0 !important; width: 20rem !important; }




}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){


h2, h2 span{ font-size: 3.5rem; }
.ptb{ padding: 4rem 0; }

/* banner */
.swiper-slide .slider-inner .swiper-content .title-area .title { font-size: 6.4rem; }
.swiper-slide .slider-inner .swiper-content .title-area .tag { margin-bottom: 0px; }
.swiper-slide .slider-inner .swiper-content p.disc { margin: 2.5rem auto 2.5rem auto; font-size: 1.6rem; width: 95%; }
.swiper-container-h .slider-pagination-area { display: none; }
.swiper-slide .slider-inner .swiper-content p.disc br { display: none; }















}

@media screen and (max-width:575px){
h2, h2 span { font-size: 2.5rem; }
















}

/* emergency only */
@media screen and (max-width:480px){

    

}




}