* { margin: 0 0; padding: 0; outline: none; -ms-word-break: break-word; word-break: break-word; word-wrap: break-word;  }
@font-face {font-family: 'cal_sanssemibold'; src: url('../fonts/calsans/calsans-semibold-webfont.woff2') format('woff2'), url('../fonts/calsans/calsans-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'gilroy-blackuploaded_file'; src: url('../fonts/gilroy/gilroy-black-webfont.woff2') format('woff2'), url('../fonts/gilroy/gilroy-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'gilroy-regularuploaded_file'; src: url('../fonts/gilroy/gilroy-regular-webfont.woff2') format('woff2'), url('../fonts/gilroy/gilroy-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'gilroy-semibolduploaded_file'; src: url('../fonts/gilroy/gilroy-semibold-webfont.woff2') format('woff2'), url('../fonts/gilroy/gilroy-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'gilroy-mediumuploaded_file'; src: url('../fonts/gilroy/gilroy-medium-webfont.woff2') format('woff2'), url('../fonts/gilroy/gilroy-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

html {scroll-behavior: smooth; }
body { font-family: 'gilroy-mediumuploaded_file'; font-weight: normal !important; font-style: normal !important; overflow-x: hidden; padding: 0px !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: normal !important; }
.main-content { padding-top: 18px; }

/* header */

header { backdrop-filter: blur(8px); box-shadow: 0px 0px 4px 0px #00000040; max-width: 96%; width: 100%; min-height: 85px; border-radius: 30px; background: #FFFFFF; margin: 0px auto; padding: 0px 18px; position: relative; margin-bottom: -43px; z-index: 1; } 
header .site_logo { max-width: 165px; width: 100%; height: 32px; margin-left: 10px; }

header ul.nav { width: 100%; flex: 1; align-items: center; }
header .nav-link { font-size: 16px; line-height: 17px; padding: 33px 0px; color: #000000; border-bottom: 2px solid transparent; }
header .nav-link:hover, header .nav-link:focus, header .nav-link.active { border-color: #FD4200;  color: #000000; }
header ul li { margin: 0px 56px;  }
header ul li:first-child { margin-left: auto !important; }
header ul li.login_menu { margin-left: auto; margin-right: 0px !important; }
header ul li.login_menu a.nav-link { box-shadow: 5px 10px 24.2px 0px #FC7A284D; min-width: 160px; font-size: 16px; padding: 10px 10px; width: 100%; border-radius: 16px; background: #000000; display: flex; align-items: center; justify-content: space-between; color: #fff; padding-left: 27px; font-family: 'gilroy-semibolduploaded_file'; border: 1px solid transparent !important; }
header ul li.login_menu a.nav-link:hover { border-color: #FD4200 !important; background: #FD4200; color: #fff; }
header ul li.login_menu a.nav-link .aimg { background: #FFFFFF; width: 32px; height: 32px; border-radius: 50%; margin-left: 10px; }
/* header ul li.login_menu a.nav-link:hover .aimg { filter: invert(1); } */

/*  */

header ul.after_login_nav li { margin: 0px 30px; }
header .chat_icons img { width: 16px; height: 16px; }
header .chat_icons .mcount { background: #FD4200; border: 1px solid #FEBAA2; min-width: 39px; height: 29px; border-radius: 6px; font-size: 14px; line-height: 17px; color: #fff; display: inline-flex; align-items: center; justify-content: center; }
header .userimg { width: 30px; height: 30px; border-radius: 50%;}
header .dropdown-menu { backdrop-filter: blur(8px); box-shadow: 0px 0px 4px 0px #00000040; border-radius: 0px 0px 30px 30px; background: #FFFFFF; width: 100%; padding: 10px 15px; }
header .dropdown-menu li { margin: 0px 0px !important; }
header .dropdown-menu li a { display: block; padding: 5px 10px; font-size: 20px; color: #000000; }
header .dropdown-menu li a:hover, header .dropdown-menu li a.active { color: #FD4200; }
header .dropdown-toggle::after { display: inline-block;  margin-left: 6px; content: ""; border: none; width: 7px; height: 7px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); }

/* home page */

.banner_section { background: url(../images/Banner.png) no-repeat !important; background-position: center !important; background-size: cover !important; width: 100%; max-width: 98%; min-height: 90vh; border-radius: 60px; padding: 15px 15px;  margin: 0px auto; display: flex; align-items: center; justify-content: center; position: relative; }

.banner_content_block {  max-width: 910px; width: 100%; position: relative; text-align: center; margin: 0px auto; }
.banner_content_block .bcb_sub_title { font-size: 18px; font-weight: 400; line-height: 18px; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; color: #0E0E26; margin-bottom: 20px;}
.banner_content_block .bcb_title { text-shadow: 20px 24px 24px 0px #0000000D; color: #000000; font-size: 62px; font-family: 'cal_sanssemibold'; font-weight: 600; line-height: 72px; text-align: center; margin-bottom: 22px; }
.banner_content_block .bcb_title span { color: #FD4200; }
.banner_content_block .bcb_description { font-size: 16px; line-height: 21px; text-align: center; color: #000; margin-bottom: 28px; }
.common_btn { background: linear-gradient(97.07deg, #FD4000 2.29%, #FBC15A 117.46%); border-radius: 16px; color: #fff !important; padding: 10px; padding-left: 22px; border: none !important; box-shadow: 10px 14px 56px 0px #FCCB8B80 !important; min-width: 210px; height: auto; display: inline-flex; align-items: center; justify-content: space-between; font-size: 16px; transition: all .5s ease; font-family: 'gilroy-semibolduploaded_file'; }
.common_btn:hover {background: linear-gradient(-90deg, #FD4000 2.29%, #FBC15A 117.46%);  transition: all .5s ease; }
.common_btn img { width: 36px; height: 36px; }

.downpage { width: 72px; height: 72px; border-radius: 50%; backdrop-filter: blur(8px); box-shadow: 0px 0px 4px 0px #00000040; background: #FFFFFF; padding: 20px; display: flex; align-items: center; justify-content: center; position: absolute; bottom: -36px; left: 50%; transform: translateX(-50%); }
.downpage img { animation: jumpInfinite 1.5s infinite; }
@keyframes jumpInfinite {
    0% {
      margin-top: 0;
    }
    50% {
      margin-top: 20px;
    }
    100% {
      margin-top: 0;
    }
  }

.home_about_content_block { padding: 95px 15px; display: block; width: 100%; background: url(../images/lshadow.png) no-repeat; background-size: 530px; }
.hacb_middle_block { max-width: 1601px; width: 100%; margin: 0px auto;/*  background: url(../images/lshadow.png) no-repeat;  */background-position: left bottom -55px; background-size: 390px; }
.hacb_middle_block .hw_heading { font-size: 32px; line-height: 36px; color: #000000; font-family: 'cal_sanssemibold'; padding: 0px 104px; }
.hacb_middle_block .hscb_logo { height: 100%; }
.hacb_middle_block .hacb_logo_img { width: 144px; height: 120px; margin: 70px 105px 0px; }
.hacb_middle_block .h_content_block ul { margin: 0px; }
.hacb_middle_block .h_content_block p, .hacb_middle_block .h_content_block li { font-size: 18px; line-height: 26px; transition: color 0.4s ease-in-out; color: #ABABAB; margin-bottom: 10px; position: relative; }
/* .hacb_middle_block .h_content_block li::before { position: relative; content: ""; width: 16px; height: 16px; background: url(../images/loogoblack.svg) no-repeat; background-size: contain; background-position: center; margin-right: 5px; display: inline-block; } */
.hacb_middle_block .h_content_block p strong, .hacb_middle_block .h_content_block li strong {font-family: 'cal_sanssemibold'; font-weight: normal !important; }
.hacb_middle_block .h_content_block p strong { color: #313131; }
.hacb_middle_block .h_content_block.scrolled p, .hacb_middle_block .h_content_block.scrolled li { color: #313131; }


.howitwork_section { padding: 20px 15px; display: block; width: 100%; }
.hws_inside_block { background: #101116 url(../images/workBG.png) no-repeat; background-position: center; background-size: contain; width: 100%; max-width: 1813px; border-radius: 60px; padding: 40px; backdrop-filter: blur(64px);}
.hws_heading_block { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; }
.hws_heading_block .hw_heading { font-size: 62px; line-height: 70px; font-family: 'cal_sanssemibold'; color: #FFFFFF; }
.hws_heading_block .hw_heading span { color: #FD4200; }
.hws_heading_block .common_btn { background: #FFFFFF; color: #000000 !important; box-shadow: 10px 14px 26px 0px #FC7A2840; border: 1px solid transparent !important; }
.hws_heading_block .common_btn:hover { border-color: #FD4200 !important; background: #FD4200; color: #fff !important; }
.hws_heading_block .common_btn:hover img { filter: invert(1); }

.workList_block {  }
.workList_block .list_box { max-width: 524px; width: 100%; height: 510px; border-radius: 40px; padding: 20px 19px 42px; display: flex; justify-content: space-between; flex-direction: column;  }
.workList_block .count { font-size: 20px; font-family: 'cal_sanssemibold'; line-height: 51px; letter-spacing: 0.01em; color: #fff; }
.workList_block .col-lg-4:nth-child(1) .list_box { background: url(../images/01.png) no-repeat; background-position: center !important; background-size: cover !important; }
.workList_block .col-lg-4:nth-child(2) .list_box { background: url(../images/02.png) no-repeat; background-position: center !important; background-size: cover !important; backdrop-filter: blur(20px); box-shadow: 0px 0px 194px 0px #000000; }
.workList_block .col-lg-4:nth-child(3) .list_box { background: url(../images/03.png) no-repeat; background-position: center !important; background-size: cover !important; }
.workList_block  .list_text { font-family: 'gilroy-semibolduploaded_file'; font-size: 20px; font-weight: 400; line-height: 27px; letter-spacing: 0.01em; text-align: center; color: #FFFFFF; margin-bottom: 0px; padding: 0px 30px; }

.mecod_block { margin-bottom: 129px; }
.mec_outer_div { background: linear-gradient(90deg, #FDC404 0%, #FFFFFF 100%); padding: 1px; max-width: 440px; width: 100%; margin: 0px auto 10px;  min-height: auto  ; border-radius: 20px;  }
.mec_text_block { width: 100%; display: block; height: 100%; display: flex; align-items: center; background: #9D3811; backdrop-filter: blur(22.5px); /* box-shadow: 0px 4.5px 83.25px 0px #000000; */ border-radius: 20px; padding: 20px 15px; }
.mec_text_block img { width: 36px; height: 36px; }
.mec_text_block span { padding-left: 10px; display: block; width: 100%; flex: 1; font-size: 14px; line-height: 17px; color: #fff; font-family: 'cal_sanssemibold'; letter-spacing: 0.01em; }
.mecod_block .mec_outer_div:last-child .mec_text_block { box-shadow: none !important; }

.creations_section { padding: 70px 15px; display: block; width: 100%; }
.cs_heading_block { width: 100%; display: block; margin-bottom: 58px; }
.cs_heading_block .cs_title { font-size: 62px; font-family: 'cal_sanssemibold'; line-height: 70px; text-align: center;  color: #000000; margin-bottom: 15px; }  
.cs_heading_block .cs_title span { color: #FD4200; }
.cs_heading_block .cs_description { font-size: 18px; color: #131313; margin-bottom: 0px; text-align: center; }
.creation_slider_block {  background: linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%); backdrop-filter: blur(64px); width: 100%; padding: 30px; border-radius: 60px; display: flex;  position: relative; overflow: hidden; justify-content: space-between; }
.creation_slider_block::before { content: ""; position: absolute; width: 48%; height: 90px; background: url(../images/hw_bottom.png) repeat-x; background-position: left bottom; background-size: contain; left: 0; bottom: 0px; z-index: 1; }
.creation_slider_block::after { content: ""; position: absolute; width: 52%; height: 133px; background: url(../images/hw_bottom.png) repeat-x; background-position: left bottom; background-size: contain; right: 0; bottom: 20px; z-index: 1; }
/* .slider_link_block { padding-right: 50px; } */
.cslb_block {  width: 100%; display: flex !important; }
.cs_count { border: 1px solid #FD4200; width: 50px; height: 50px; border-radius: 50%; margin-right: 25px; font-family: 'cal_sanssemibold'; font-size: 20px; line-height: 20px; color: #131313; background: #FFFFFF; display: flex; align-items: center; justify-content: center; margin-top: 20px; position: relative; }
.csslider_contnet { border-bottom: 1px solid #D1C8C5; max-width: 569px; width: 100%; padding: 30px 0px; }
.csslider_contnet .css_title { font-size: 20px; line-height: 27px; font-family: 'cal_sanssemibold'; color: #131313; margin-bottom: 0px; }
.csslider_contnet .css_disc { font-size: 18px; line-height: 23px; color: #131313; font-family: 'gilroy-regularuploaded_file'; margin-bottom: 0px; padding-top: 14px; }

.cslb_block.accordion-item.active .cs_count { background: linear-gradient(97.07deg, #FD4000 2.29%, #FBC15A 117.46%); color: #fff; border: none !important; margin-top: 5px; }
.cslb_block.accordion-item.active .csslider_contnet { border-color: #FD4200; padding: 18px 0px; }

.csb_slider_image_block { max-width: 640px; width: 100%; position: relative; padding-top: 15px; }
.csb_slider_image_block .slogo { width: 80px; height: 80px; border-radius: 50%; position: absolute; top: -18px; left: -30px; }
.csb_slider_image_block .slogo img { object-fit: cover; object-position: center; border-radius: 50%; }
.csb_slider_image_block .csslider_img { width: 100%; height: 570px; border-radius: 50px; position: relative; }
.csb_slider_image_block .csslider_img img { object-fit: cover; object-position: top; border-radius: 50px; }

.slider_link_block { max-width: 576px; width: 100%; height: 590px; overflow-y: scroll; padding-right: 5px; }

.accordion-item { border: none !important; cursor: pointer;}
.creations_section .accordion-header { position: relative; } 
.creations_section .accordion-header::before { position: absolute; content: ""; width: 1px; height: 100%; background: #FD4200; left: 25px; top: 25px; }
.accordion-item:last-child .accordion-header::before { display: none; }

.work_section { width: 100%; display: block; padding: 40px 0px; overflow: hidden; }
.work_heading_block { width: 100%; padding-left: 15px; margin-bottom: 45px; }
.work_heading_block .whb_sub_title { font-size: 18px; line-height: 18px; color: #0E0E26; font-family: 'gilroy-semibolduploaded_file'; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 0.2em; }
.work_heading_block .whb_title { font-size: 60px; font-weight: 600; line-height: 70px; font-family: 'cal_sanssemibold'; color: #000000; max-width: 900px; width: 100%; }
.work_heading_block .whb_title span { color: #FD4200 }

.work_card_block { width: 100%; display: block; position: relative; }
.work_card_block::before { position: absolute; content: ""; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); width: 332px; height: 100%; left: 0; top: 0; transform: rotate(180deg); z-index: 1; }
.work_card_block::after { position: absolute; content: ""; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); width: 332px; height: 100%; right: 0; top: 0; }

.work_slider { max-width: 710px; display: block; margin: 0px auto; width: 100%; }
.work_card_inner { max-width: 664px; width: 100%; display: block; margin: 0px auto; border-radius: 40px; }
.work_card_inner .work_img { width: 100%; height: 590px; padding-top: 40px; padding-left: 35px; border-radius: 40px; background: #E8E8E8; }
.work_card_inner .work_img img { object-fit: cover; border-radius: 0px 0px 40px 0px; object-position: top; }
.work_body { padding-top: 35px; transition: all .5s ease; }
.work_body .wb_top_row { width: 100%; display: flex; margin-bottom: 7px; }
.work_body .wbtr_box { width: 100%; flex: 1; padding-right: 10px; }
.work_body .work_title { font-size: 30px; font-family: 'cal_sanssemibold'; line-height: 40px; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; }
.work_list { width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.work_type { background: #EFEFEF; font-size: 16px; line-height: 20px; color: #131313; border-radius: 20px; padding: 5px 15px; margin-right: 10px; margin-bottom: 10px; display: inline-block; }
.work_body .arrow_btn { background: #E8E8E8; width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 16px; }
.work_body .arrow_btn img { filter: invert(1); }
.work_body .wb_desc { font-size: 14px; line-height: 20px; color: #313131; margin-bottom: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.slick-current .work_body .arrow_btn { background: #FD4200; }
.slick-current .work_body .arrow_btn img { filter: invert(0); }
.slick-current .work_card_inner .work_img { background: #FFD9CC; }

.work_card_inner:hover { backdrop-filter: blur(20px); box-shadow: 0px 1px 10px 1px #bfbfbf; }
.work_card_inner:hover .work_body .arrow_btn { background: #FD4200; transition: all .5s ease; }
.work_card_inner:hover .work_body .arrow_btn img { filter: invert(0); transition: all .5s ease; }
.work_card_inner:hover .work_body { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; transition: all .5s ease; }

.work_section .slick-list { overflow: visible; }
.slick-custom-arrow { width: 62px; height: 62px; padding: 16px; border-radius: 50%; border: none !important; position: absolute; right: -310px; top: -170px; background: #E8E8E8; }
.slick-custom-arrow img { filter: invert(1); vertical-align: top; }
.slick-custom-arrow:hover { background: #000; /* box-shadow: 0px 12px 48px 0px #000; */ }
.slick-custom-arrow.slick-prev { right: -240px; z-index: 1; }
.slick-custom-arrow:hover img { filter: invert(0); }

.work_section .view_btn { max-width: 90%; width: 100%; margin: 30px auto 0px; padding: 30px 0px; border-top: 1px solid #D1C8C5; }
.work_section .common_btn { background: #000; box-shadow: 10px 14px 6px 0px #FC7A2840; border: 1px solid transparent !important; }
.work_section .common_btn:hover { background: #FD4200; border-color: #FD4200 !important; color: #fff !important; }

.work_section .slick-list { cursor: url(../images/hand.png), auto; }


/* footer */

footer {  background: #000; padding: 0px 15px; position: relative; }
footer::before { position: absolute; content: ""; width: 100%; height: 100%; background: url(../images/footerbg.png) no-repeat; background-size: cover; background-position: bottom center; left: 0; top: 0; }
.footer_top_block { padding: 50px 0px; position: relative; }
footer .site_logo { max-width: 300px; height: 60px; margin: 0px auto 40px; width: 100%; }
.footer_menu { margin-bottom: 40px; }
.footer_menu ul { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0px; list-style: none; }
.footer_menu ul li { padding: 0px 30px; }
.footer_menu ul li a {font-size: 18px; font-weight: 400; line-height: 23px; color: #FFFFFF; border-bottom: 2px solid transparent; }
.footer_menu ul li a:hover, .footer_menu ul li a.active { border-color: #FD4200; }
.social_icons { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0px; list-style: none;  }
.social_icons li { margin: 0px 15px; }
.social_icons li a { width: 65px; height: 65px; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 12px;  }
.social_icons li a:hover { border-color: #FD4200; }
.social_icons li a img + img { display: none; }
.social_icons li a:hover img { display: none; }
.social_icons li a:hover img + img { display: inline-block; }

.copyright_text { text-align: center; margin-bottom: 0px; position: relative; border-top: 1px solid #FFFFFF33; padding: 30px 0px; font-size: 16px; line-height: 19px; color: #fff; }

/*  */

.common_background { background: linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 100%); max-width: 98%; border-radius: 60px; width: 100%; margin: 0px auto; padding: 80px 15px; }

.contact_block { width: 100%; display: flex; align-items: flex-start;  }
.other_contact_info { padding-left: 22px; width: 100%; flex: 1; }
.loadmore { width: 40px; height: 40px; margin: 0px auto; }

.cheading_block { margin-bottom: 45px; }
.cheading_block .con_title { font-size: 42px; font-weight: 600; line-height: 44px; letter-spacing: 0.01em; text-align: center; font-family: 'cal_sanssemibold'; color: #131313; margin-bottom: 12px }
.cheading_block .con_title span { color: #FD4200; }
.cheading_block .con_desc { font-size: 18px; font-weight: 400; line-height: 21px; letter-spacing: 0.01em; text-align: center; color: #313131; }
.cheading_block .con_desc a { text-decoration: underline !important; color: #313131; }

.contact_form { max-width: 690px; border-radius: 40px; background: #101116 url(../images/contactshadow.png) no-repeat; background-position: center; background-size: cover; width: 100%; padding: 45px 30px 40px; }
.contact_form .common_btn span { margin: auto; }

.form-group { margin-bottom: 20px; }
.form-group .form-control {  /* width: 100%; */ font-size: 14px; padding: 14px !important; background: transparent; border-radius: 0px; box-shadow: none !important; border: 1px solid; border-image: linear-gradient(90deg, #FDC404 0%, #FFFFFF 100%) 1; color: #fff; }
.form-group .form-control::placeholder { color: #fff; }
.form-group .form-control:focus { border-color: #FD4200; }

.oci_row { display: flex; flex-wrap: wrap; align-items: center;  width: 100%; justify-content: space-between;}
.info_box { background: linear-gradient(180deg, #EAEAEA 0%, #DCDCDC 100%); width: 100%; backdrop-filter: blur(64px); max-width: 280px; height: 110px; border-radius: 20px; padding: 20px; display: flex; align-items: center; margin-bottom: 25px; }
.info_box:last-child { max-width: 100%; }
.info_box .info_body { width: 100%; flex: 1; padding-left: 15px;}
.info_box .ibtitle { font-family: 'cal_sanssemibold'; font-size: 16px; line-height: 21px; letter-spacing: 0.01em; color: #131313; margin-bottom: 6px; }
.info_box .ib_desc { margin-bottom: 0px; font-size: 14px; line-height: 17px; color: #131313; padding-right: 10px; }
.info_box .ib_desc a { color: #131313;   }
.info_box .ib_desc a:hover {color: #FD4200;  }
.info_box .info_icon { width: 40px; height: 40px;}

.csocail { list-style: none !important; padding: 0; margin: 0px; display: flex; align-items: center; }
.csocail li { margin-right: 20px; }  
.csocail li a { width: 30px; height: 30px; border-radius: 50%; background: #FFFFFF; border: 1px solid #FD4200; padding: 6px; display: block; }  
.csocail li a img { vertical-align: top; }  
.csocail li a img + img { display: none; }
.csocail li a:hover { background: #FD4200; }
.csocail li a:hover img { display: none; }
.csocail li a:hover img + img { display: inline-block; }


.getdire_text { font-size: 14px; line-height: 17px; color: #FD4200 !important; display: flex; align-items: center; align-self: flex-end; margin-bottom: 10px; }
.getdire_text:hover { text-decoration: underline !important; }
.getdire_text img { width: 10px; height: 10px; margin-left: 5px; }

.ociImg { max-width: 826px; width: 100%; height: 295px; border-radius: 20px; background: url(../images/contactimg.jpg) no-repeat; background-position: center; background-size: cover; padding: 60px 90px; }
.ociImg img { width: 188px; height: 177px; }

/*  */

.our_work_card_block { padding: 0px 10px; }
.our_work_card_block .work_card { width: 100%; padding-bottom: 40px; height: 100%; }
.our_work_card_block .work_card_inner { max-width: 505px; height: 100%; }
.our_work_card_block .work_card_inner .work_img { height: 400px; padding-top: 30px; padding-left: 30px; }

/*  */

.our_work_detail_page { padding-left: 15px; padding-right: 15px; }
.backbtn { margin-bottom: 30px; margin-top: -10px; }
.backbtn a { color: #FD4200 !important; font-size: 14px; }
.backbtn a:hover { text-decoration: underline !important; }
.backbtn a img { width: 15px; height: 15px; }  

.work_content_block { display: flex; width: 100%; margin-bottom: 70px; justify-content: space-between; }
.work_content_block:last-child { margin-bottom: 0px; }
.work_content { width: 100%; flex: 1; max-width: 990px; }
.work_content:nth-child(even) { padding-left: 30px; }
.work_content:nth-child(odd) { padding-right: 30px; padding-left: 0; }

.wc_heading_row { display: flex; width: 100%; justify-content: space-between; margin-bottom: 15px; }

.our_work_detail_page .gositebtn { background: #FD4200; width: 72px; height: 72px; border-radius: 50%; box-shadow: none !important; border: none !important; padding: 24px;  transition: all .5s ease; }
.our_work_detail_page .gositebtn img { filter: invert(1); }
.our_work_detail_page .gositebtn:hover { background: #000;  transition: all .5s ease; }

.wchr_title { font-size: 42px; font-family: 'cal_sanssemibold'; line-height: 45px; margin-bottom: 19px; color: #131313; }
.work_content p { font-size: 20px; line-height: 27px; color: #313131; margin-bottom: 20px; }
.work_content p:last-child { margin-bottom: 0px; }
.our_work_detail_page .work_type { font-size: 14px; padding: 5px 15px; margin-right: 10px; margin-bottom: 10px; }

.work_img_block { max-width: 610px; height: auto; width: 100%; background: #E5FFDF; border-radius: 40px; padding-left: 40px; padding-top: 40px; }
.work_img_block img, .work_img_block video { object-fit: cover; border-radius: 0px 0px 40px 0px; }
.work_img_block .video_block { border-radius: 0px 0px 40px 0px; }
.work_img_block .video_block .plyr { border-radius: 0px 0px 40px 0px; }

.wchr_trow { padding-right: 20px; }

.start_Project_section { width: 100%; display: block; padding: 20px 15px 0px; }
.start_Project_section .sps_block {  max-width: 1226px; padding: 25px; border-radius: 20px 20px 0px 0px; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0px auto; background: linear-gradient(90deg, #FF6F3C 0%, #FD4200 100%); }
.start_Project_section .title { font-size: 30px; font-family: 'cal_sanssemibold'; line-height: 37px; margin-bottom: 0px; color: #7A2200; margin-right: 130px; }
.start_Project_section .title span { color: #fff; }
.start_Project_section .common_btn { background: #fff; box-shadow: 10px 14px 26px 0px #FC7A2840 !important; color: #000 !important; border: 1px solid transparent !important; }
.start_Project_section .common_btn:hover { background: transparent; border: 1px solid #000 !important; }

/*  */

.terms_privacy_content_block { max-width: 990px; margin: 0px auto; width: 100%; }
.terms_privacy_content_block .tp_heading { font-family: 'cal_sanssemibold'; font-size: 42px; line-height: 45px; text-align: center; margin-bottom: 25px; color: #131313; }
.tpcontent_block { width: 100%; display: block; margin-bottom: 25px; }
.tpcontent_block:last-child { margin-bottom: 0px !important; }
.tpcontent_block h3 { font-size: 20px; color: #313131; margin-bottom: 10px; }
.tpcontent_block p { font-size: 14px; line-height: 24px; color: #313131; margin-bottom: 5px; }
.tpcontent_block p:last-child { margin-bottom: 0px; }
.tpcontent_block p b { color: #FD4200; font-weight: normal !important; }

/* modal */

.modal-content { background: #101116 url(../images/contactshadow.png) no-repeat; background-position: center; background-size: cover;  }
.modal .common_btn span { margin: 0px auto; }
.modal-header { padding: 40px 0px 0px; justify-content: space-between; border: none !important; position: relative;}
.page_count { position: absolute; top: 0; font-family: 'cal_sanssemibold'; background: #FD4200 url(../images/mlogo.png) no-repeat; background-size: 60px; background-position: center;  }
.modal-title { color: #fff; font-family: 'cal_sanssemibold'; font-size: 30px; line-height: 42px; padding: 0px; width: 100%; text-align: center; padding: 0px 125px; }
.modal-title span { color: #FD4200;  }
.category_select_block .cs_button { box-shadow: 10px 14px 26px 0px #FC7A2840; border-radius: 20px; }
.category_select_block p { font-size: 14px; line-height: 16.98px; color: #fff;  }
.category_select_block .cs_button .arrow { width: 50px; height: 50px; margin-left: 10px; }
.modal-header .btn-close { width: 14px; height: 14px; background: none; position: absolute; top: 20px; right: 20px; margin: 0px; padding: 0px; opacity: 1; }
.modal-body { padding: 40px 50px; }

.cs_button.active { background: #FD4200 !important; color: #fff !important; } 
.cs_button.active img { filter: invert(1); }


.checkrow {  border: 1px solid; border-image: linear-gradient(90deg, #FDC404 0%, #FFFFFF 100%) 1; }
.checkbox { color: #fff !important; }
.checkmark { background: #FD420029; border: 2px solid #221a17 !important; border-radius: 50%; outline: 1px solid #fff; }
input:checked ~ .checkmark { background: #FD4200; }
.projectque_from { margin: 0px auto; }
.uploadimg { border: 1px dashed; border-image: linear-gradient(90deg, #FDC404 0%, #FFFFFF 100%) 1; background: linear-gradient(179.98deg, rgba(253, 66, 0, 0.2) 50.06%, rgba(253, 66, 0, 0) 99.98%); backdrop-filter: blur(20px); box-shadow: 0px 0px 20px 0px #000; }
.checkmark::after { left: 6px; top: 1px; width: 6px; height: 13px;}

.modal { background: rgba(16, 17, 22, 0.8);}
.modal .backbtn {  margin-bottom: 0px; margin-top: 30px; color: #fff !important; }
#preview-parent span { background: #FD4200 !important; }

.swal2-styled.swal2-confirm { box-shadow: none !important; }  

/*  */

/* .accordion { height: 100%; }
.slider-nav {height: 100%; } */

/* login page */

.form_content_block { width: 100%; display: flex; align-items: center; background: #101116 url(../images/workBG.png) no-repeat; background-position: center; background-size: contain; border-radius: 60px; padding: 35px; backdrop-filter: blur(64px); min-height: 620px; }
.common_form_block { padding: 60px 35px 35px; background: linear-gradient(179.98deg, rgba(253, 66, 0, 0.2) 50.06%, rgba(253, 66, 0, 0) 99.98%); backdrop-filter: blur(20px); box-shadow: 0px 0px 40px 0px #000000; border-radius: 40px; max-width: 650px; width: 100%; min-height: 420px; }  
.form-floating > label { font-size: 14px; line-height: unset; color: #fff; margin-bottom: 0; height: auto; padding: 14px; height: auto; }
.form-floating > .form-control, .form-floating > .form-select { height: auto; line-height: unset;} 
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 1; transform: scale(.85) translateY(-1rem) translateX(14px); -webkit-transform: scale(.85) translateY(-1rem) translateX(14px); padding: 2px 5px; background: #401b12; z-index: 11; }
.input-group-text { border: 1px solid #fff; border-radius: 0px !important; background: transparent !important; border-left: 0; box-shadow: none !important; }
.input-group-text img { width: 16px; height: 16px; }
.input-group .form-control { border-right: 0px; }

.btn_row { text-align: center; padding-top: 30px; }
.btn_row .common_btn span { margin: 0px auto; }

.go_other_page {font-size: 14px; line-height: 19px; color: #fff; padding-top: 25px; }
.go_other_page a { color: #FFB49A; }
.go_other_page a:hover { text-decoration: underline !important; }

.auth_list_block { display: block; padding-left: 60px; width: 100%; flex: 1; }
.auth_list_block .alb_title { font-size: 30px; font-family: 'cal_sanssemibold'; line-height: 42px; margin-bottom: 20px; color: #fff; }
.auth_list_block .alb_title span { color: #FD4200; }
.auth_list_block ul { list-style: none !important; padding: 0px; margin: 0px; max-height: 500px; overflow-y: auto; }
.auth_list_block li { font-size: 18px; line-height: 21px; color: #FFFFFF; margin-bottom: 15px; position: relative; display: flex; }   
.auth_list_block li::before { min-width: 26px; height: 26px; margin-right: 12px; content: ""; background: url(../images/circle-tick.svg) no-repeat; background-size: contain; background-position: center; display: block; }

.forgot_reset_page .form_content_block { max-width: 870px; min-height: 460px; width: 100%; margin: 0px auto; }
.forgot_reset_page .form_content_block .common_form_block { min-height: auto; margin: 0px auto;  }

.help-block { font-size: 12px; }

/* profile page */

.profile_page_block { background: #101116 url(../images/workBG.png) no-repeat; background-position: top center; background-size: contain; backdrop-filter: blur(64px); max-width: 1147px; border-radius: 60px; width: 100%; margin: 0px auto; padding: 50px; }
.account_info_block { margin-bottom: 70px; }
.profile_page_block .ppb_title { font-size: 42px; line-height: 44px; text-align: center; font-family: 'cal_sanssemibold'; color: #fff; margin-bottom: 15px; }
.profile_page_block .ppb_title span { color: #FD4200; }
.profile_page_block .ppb_desc  { font-size: 18px; line-height: 22px; text-align: center; color: #fff; margin-bottom: 18px; }
.profile_page_block .common_form_block { margin: 0px auto;  }

.user_image { width: 150px; height: 150px; border-radius: 20px; margin: -50px auto 30px; position: relative; background: #000000; }
.user_image img { object-fit: cover; border-radius: 20px;  }
.change_img_button {border: 2px solid #FFFFFF; width: 20px; height: 20px; background: #FD4200; border-radius: 50%; position: absolute; padding: 1px; bottom: -10px; left: 50%; transform: translateX(-50%); }
.change_img_button img { vertical-align: top; }
.change_img_button .form-control { position: absolute; width: 100%; height: 100%; cursor: pointer; opacity: 0; padding: 0; }

.profile_page_block .account_info_block .common_form_block { margin-top: 65px; }
.profile_page_block .account_info_block .common_form_block form { display: flex; flex-direction: column; }

/* dashboard */

.dashboard_card_block { width: 100%;display: block;  margin-bottom: 50px; }
.dcb_card { box-shadow: 10px 14px 26px 0px #FC7A2840; border-radius: 61px 20px 61px 20px; max-width: 260px; width: 100%; }
.dcb_card_top { background: #02BDFF url(../images/blue.png) no-repeat; background-position: center bottom -54px; background-size: cover; padding: 20px 21px 12px; border-radius: 61px 20px 0 0px; }
.dcb_title { font-size: 16px; letter-spacing: 0.01em; color: #fff; margin-bottom: 15px; line-height: 30px; }
.dcb_count {  font-size: 36px; font-family: 'cal_sanssemibold'; line-height: 36px; letter-spacing: 0.01em; color: #FFFFFF; margin-bottom: 0px; }
.dcb-bottom { background: #E9F1FF; box-shadow: 0px 4px 4px 0px #B8CBEC inset; padding: 14px 21px; border-radius: 0 0px 61px 20px; }
.viewAll { font-size: 14px; font-weight: 400; letter-spacing: 0.01em; display: inline-block; }

.nmessage_card .dcb_card_top { background: #FD0062 url(../images/pink.png) no-repeat; background-position: center bottom -54px; background-size: cover; }
.analytics_card .dcb_card_top { background: #FD9400 url(../images/yellow.png) no-repeat; background-position: center bottom -54px; background-size: cover; }
.invoices_card .dcb_card_top { background: #201E1F url(../images/black.png) no-repeat; background-position: center bottom -54px; background-size: cover; }

.request_project_card { background: linear-gradient(180deg, #FF8F67 0%, #FD4200 100%); backdrop-filter: blur(64px); max-width: 390px; width: 100%; border-radius: 20px; display: flex; padding: 25px 25px 0px; }
.request_project_card .rpc_icon { width: 46px; height: 46px; }
.request_project_card .rpc_body { width: 100%; flex: 1; padding-left: 22px; }
.request_project_card .rpcb_title { font-size: 26px; letter-spacing: 0.01em; color: #FFFFFF;  font-family: 'cal_sanssemibold'; margin-bottom: 10px; }
.request_project_card .tpcb_desc { font-size: 14px; line-height: 19.41px; letter-spacing: 0.01em; color: #fff; margin-bottom: 8px; }
.request_project_card .common_btn { background: #000; box-shadow: 10px 14px 6px 0px #FC7A2840; border: 1px solid transparent !important; }
.request_project_card .common_btn:hover { background: #fff; border-color: #000 !important; color: #000 !important; }
.request_project_card .common_btn:hover img { filter: invert(1);}
.d-button_row { margin-bottom: -30px; }

.common_table_block { box-shadow: 10px 14px 26px 0px #FC7A2840; background: #FFFFFF; width: 100%; min-height: 364px; border-radius: 20px; margin: 0px auto; overflow-x: auto; }
.table > thead th { font-family: 'cal_sanssemibold'; font-size: 16px; font-weight: 600; color: #fff; padding: 10px 12px; text-transform: uppercase; letter-spacing: 0.01em; background: #FD4200; font-weight: normal; }
.table > thead th:first-child { border-radius: 20px 0px 0px 0px; }
.table > thead th:last-child { border-radius: 0px 20px 0px 0px; }
.table > tbody td {  font-size: 14px; letter-spacing: 0.01em; color: #313131;  padding: 10px 12px;  }
.status_td { min-width: 110px; border-radius: 30px; font-size: 14px; line-height: 17px; letter-spacing: 0.01em; color: #313131; display: inline-block; padding: 6px; text-align: center; }
.progress_status { border: 1px solid #FFCD12; background: #FFFAE5; }
.review_status {border: 1px solid #0047FF; background: #E0EBFF; }
.completed_status { border: 1px solid #A3E936; background: #EEFFD4;}
.paid_status { border: 1px solid #A3E936; background: #EEFFD4;}
.pending_status{ background: #FFFAE5; border: 1px solid #FFCD12; }
.action_btn { display: flex; align-items: center; width: 100%; }
.action_btn a { width: 34px; height: 34px; border-radius: 50%; display: block; margin: 0px 6px; padding: 5px; }
.action_btn .message_btn { border: 1px solid #FFBFA8; background: #FD4200; }
.action_btn .edit_btn { border: 1px solid #8C8C8C; background: #000000; }
.action_btn a img { vertical-align: top; } 

/*  */

.action_btn .common_btn { min-width: 137px; height: 44px; }
.action_btn .common_btn img { width: 30px; height: 30px; }

/*  */

.nav-pills { margin-bottom: 0px; }
.nav-pills .nav-item { margin-right: 16px; }
.nav-pills .nav-link { backdrop-filter: blur(64px); background: #FFFFFF; font-size: 20px; font-family: 'cal_sanssemibold'; line-height: 26px; letter-spacing: 0.01em; text-align: center; color: #000000; border-radius: 10px 10px 0px 0px; padding: 15px 30px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: linear-gradient(180deg, #FF8F67 0%, #FD4200 100%); color: #fff; }

.nav-pills + .tab-content .tab-pane .common_table_block { border-radius: 0 !important; }
.nav-pills + .tab-content .tab-pane .common_table_block .table > thead th:first-child { border-radius: 0 !important; }  



/* message */

.messaging_page .common_background { width: 100%; display: flex;  }


.chat_module_block { box-shadow: 10px 14px 26px 0px #FC7A2840; background: #FFFFFF; max-width: 890px; height: 680px; border-radius: 20px; width: 100%; }

.cmb_top_block { width: 100%; border-bottom: 1px solid #B4ABABA8;  display: flex; border-radius: 20px 20px 0px 0px; align-items: center; background: linear-gradient(90deg, #FFFFFF 0%, #FFE0D5 100%);}
.cmb_top_block .user_name_image { padding: 15px 25px; width: 60%; display: flex; align-items: center; }
.cmb_top_block .user_name_image .userimg { width: 75px; height: 75px; border-radius: 50%; background: #131313; margin-right: 25px; }
.cmb_top_block .user_name_image .username { font-size: 20px; line-height: 25px; letter-spacing: 0.05em; color: #131313; margin-bottom: 0px; }
.cmb_top_block .user_info { width: 40%; }
.cmb_top_block .user_info p { font-size: 14px; letter-spacing: 0.01em; color: #313131; margin-bottom: 5px; }
.cmb_top_block .user_info p span.status {  min-width: 110px; border-radius: 30px; font-size: 14px; line-height: 18px; letter-spacing: 0.01em; color: #313131; display: inline-block; padding: 6px; text-align: center; }

.message_content_block { width: 100%; display: block; height: calc(100% - 105px); padding: 25px; }
.message_body {  height: calc(100% - 104px); overflow-y: auto; }
.left_message, .right_message { display: flex; width: 100%; margin-bottom: 25px; align-items: flex-end; }
.message_body .cimg { width: 20px; height: 20px; border-radius: 50%; margin-bottom: 12px; }
.message_body .cimg img { object-fit: cover; border-radius: 50%; }
.message_body .mb_content { width: 100%; flex: 1; }
.message_body .mtext { background: #E7E7E7;  width: fit-content; font-size: 16px; line-height: 20px; letter-spacing: 0.05em; color: #303030; padding: 8px 20px; border-radius: 25px; margin-bottom: 5px; max-width: 90%; }
.message_body .mdate {font-size: 14px; line-height: 17px; letter-spacing: 0.05em; color: #707070; margin-bottom: 0px; padding-left: 5px; }
.right_message .mdate { text-align: right; padding-right: 5px; }
.message_body .right_message .mtext { background: #FD4200; color: #fff; margin-left: auto;}

.message_typing_block small { color: #FD4200; font-size: 11px; }
.message_typing_block form { display: flex; align-items: center; justify-content: space-between; }  
.message_typing_block .input-group { background: #EFF6FCDE; max-width: 1125px; width: 100%; border-radius: 20px; padding: 14px 15px; align-items: center; }
.message_typing_block .input-group-text { box-shadow: none !important; border: none !important; background: transparent !important; width: 32px; height: 32px; margin-right: 10px; padding: 0; position: relative; }
.message_typing_block .input-group-text input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; }
.message_typing_block .input-group-text img { width: 100%; height: 100%; }
.message_typing_block .form-control { font-size: 16px; line-height: 23px; letter-spacing: 0.05em; color: #303030; box-shadow: none !important; border: none !important; background: transparent !important; resize: unset !important; }
.message_typing_block .form-control::placeholder { color: #303030; }
.sendbtn { background: #131313; width: 67px; height: 67px; border-radius: 16px; padding: 15px; margin-left: 15px; box-shadow: none !important; border: none !important; }

.project_attachments_block { box-shadow: 10px 14px 25px 0px #FC7A2842; background: #FFFFFF; max-width: 430px; width: 100%; height: 680px; border-radius: 20px; margin-left: 47px;  }
.pab_title { border-bottom: 1px solid #B4ABABA8; padding: 30px; }
.pab_title h2 { font-size: 20px; line-height: 47px; color: #131313; margin: 0px;  }
.pab_body_part { width: 100%; display: block; padding: 20px 4px; height: calc(100% - 108px); overflow-y: auto; }
.pab_body_part ul { list-style: none; padding: 0; margin: 0px; display: flex; align-items: center; flex-wrap: wrap;  }
.pab_body_part li { margin: 0px 9px 18px; width: 116px; height: 116px; border-radius: 6px; }
.pab_body_part li.other_docs_file { border: 1px dashed #C7C7C7; display: flex; align-items: center; justify-content: center; }
.pab_body_part li.other_docs_file img { width: 40px; height: 40px; }
.pab_body_part li.image_block img { object-fit: cover; border-radius: 6px; }


.preview_attachmentblock { width: 100%; display: flex; flex-wrap: wrap; position: absolute; top: -120px; left: 0; background: #f1f7fc; border-radius: 20px 20px 0px 0px !important; padding: 10px;  z-index: 1;}
.preview_attachmentblock img { width: 100px !important; height: 100px !important; object-fit: cover; border-radius: 10px !important; }
.input-group:has(.preview_attachmentblock) { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }

.past_invoices { padding-top: 50px; }
.past_invoices .pititle { font-weight: 600 !important; font-size: 20px; letter-spacing: 1%; color: #000000; margin-bottom: 12px;}
.common_btn.pay_btn { background: #000000; }
.common_btn.pay_btn:hover { border-color: #FD4200 !important; background: #FD4200; color: #fff; }
.common_btn.pay_btn img, .view_receipt_btn img{ margin-left: 10px; }

/* ai chat module */

.view_ai_chat .chat_module_block { max-width: 100%; }
.view_ai_chat .message_content_block { height: 100%; }
.view_ai_chat .message_body { height: 100%;}

.modal_blocks .form-group small { font-size: 12px; color: #fff; }

.blockUI.blockPage:has(.progress)  { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); width: 300px !important; color: #fff !important; border-radius: 10px; background: #000 !important; border: none !important; }
.blockUI .progress { border-radius: 30px; height: 16px; font-size: 12px; background-color: #aaa; }
.blockUI .progress-bar { background-color: #FD4200;}

/*  */

.signup_success_page { min-height: 80vh; display: flex; align-items: center; justify-content: center; }
.signup_success_page .contact_form { margin: 0px auto; }
.signup_success_page .cheading_block .con_title { color: #fff; }
.signup_success_page .cheading_block .con_desc { color: #fff; }

/* tracking page */

.project_info_block { width: 100%; display: block; margin-bottom: 30px; }
.project_card { background: linear-gradient(180deg, #FF8F67 0%, #FD4200 100%); max-width: 435px; width: 100%; min-height: 178px; border-radius: 20px; backdrop-filter: blur(64px); padding: 15px 50px; }
.project_card p { font-size: 16px; color: #fff; margin-bottom: 10px; display: flex; align-items: center; }
.project_card p:last-child { margin-bottom: 0px; }
.project_card p span:first-child { width: 120px; display: inline-block; }
.project_card p span.status_d { border: 1px solid #FFCD12; background: #FFFAE5; font-size: 16px; padding: 4px 15px; letter-spacing: 1%; text-align: center; color: #313131; border-radius: 40px; }
.project_card p span.chat_icon { width: 34px; height: 34px; border-radius: 50%; background: #fff; padding: 7px; }
.project_card p span.chat_icon img { vertical-align: top; }


/*  */

.home_video_section { width: 100%; display: block; padding: 80px 15px 10px; }
.home_video_section .video_block { background: linear-gradient(180deg, #F3F3F3 0%, #F3F3F3 100%); padding: 1px; border-radius: 14px; max-width: 1154px; width: 100%; margin: 0px auto; height: 650px; position: relative; box-shadow: 0px 1px 10px 1px #bfbfbf; }
.home_video_section .video_block video, .home_video_section .video_block iframe, .home_video_section .video_block video img { width: 100%; height: 100%; border-radius: 14px; }

.logo_slider_section { margin-bottom: 50px; }
.logo_slider_section .logo_card { background: #fff; padding: 20px; border-radius: 20px; width: 90%; margin: 10px auto 20px; height: 100px;  transition: transform 0.5s ease; box-shadow: 0px 1px 10px 1px #bfbfbf; } 
.logo_slider_section .logo_card:hover {transform: scale(1.03);}

.home_video_section .video_block .plyr { border-radius: 14px;}









/* -------------------------------------------------------------------------------------------------------- */
/* responsive view */


@media (min-width: 1200px) and (max-width: 1300px) {

    .slick-custom-arrow.slick-prev {right: -210px;}
    .slick-custom-arrow { right: -275px;}
    .dcb_title { font-size: 14px;}



    
}

@media (min-width: 1400px) and (max-width: 1500px) {


}

@media (min-width: 1470px) and (max-width: 1500px) {


}

@media (max-width: 1600px) {

    .payments_invoices_page table { width: 1500px !important; }


}

@media (max-width: 1680px) {


}

@media (min-width: 2100px){

    
}

@media (min-width: 1700px){

.help-block { font-size: 0.63vw; }

.payments_invoices_page .common_table_block { width: 90%; margin: 0px auto; }


/* header */

header {  max-width: 85.31vw; min-height: 5.26vw; border-radius: 1.57vw; padding: 0px 0.94vw; margin-bottom: -2.63vw;  } 
header .site_logo { max-width: 11.52vw; height: 2.10vw; margin-left: 0.52vw; }

header .nav-link { font-size: 1.05vw; line-height: 1.05vw; padding: 2.10vw 0px; }
header ul li { margin: 0px 2.94vw;  }
header ul li.login_menu a.nav-link { min-width: 9.84vw; font-size: 0.84vw; padding: 0.52vw 0.52vw; border-radius: 1.05vw; padding-left: 1.42vw;  }
header ul li.login_menu a.nav-link .aimg { width: 2.31vw; height: 2.31vw; }

header ul.after_login_nav li { margin: 0px 1.57vw; }
header .chat_icons img { width: 0.84vw; height:  0.84vw; }
header .chat_icons .mcount { min-width: 2.05vw; height: 1.52vw; border-radius: 0.31vw; font-size: 0.73vw; line-height: 0.89vw; }
header .userimg { width: 1.57vw; height: 1.57vw; }
header .dropdown-menu { border-radius: 0px 0px 1.57vw 1.57vw; padding: 0.52vw 0.78vw; }
header .dropdown-menu li a {  padding: 0.25vw 0.52vw; font-size: 1.05vw; }
header .dropdown-toggle::after { margin-left: 0.31vw; width: 0.36vw; height: 0.36vw; }


/* home page */

.banner_section { max-width: 95.42vw; min-height: 90vh; border-radius: 3.15vw; padding: 0.78vw; }
.banner_content_block {  max-width: 47.89vw; }
.banner_content_block .bcb_sub_title { font-size: 1.05vw; line-height: 1.05vw; margin-bottom: 1.31vw;}
.banner_content_block .bcb_title { font-size: 4.21vw; line-height: 4.73vw; margin-bottom: 1.57vw; }

.banner_content_block .bcb_description { font-size: 1.05vw; line-height: 1.21vw; margin-bottom: 2vw; }
.common_btn { border-radius: 1.05vw; padding: 0.52vw; padding-left: 1.42vw; min-width: 11.94vw; height: 3.36vw; font-size: 0.84vw; }
.common_btn img { width: 2.31vw; height: 2.31vw; }

.downpage { width: 5.26vw; height: 5.26vw; padding: 1.57vw; bottom: -2.63vw; }

.home_about_content_block { padding: 6.94vw 0.78vw; background-size: contain; }
.hacb_middle_block { max-width: 84.26vw; background-position: left bottom -3.42vw; background-size: 31.05vw; }
.hacb_middle_block .hw_heading { font-size: 2.10vw; line-height: 2.10vw; padding: 0px 8.31vw 0px 4.31vw; }

.hacb_middle_block .hacb_logo_img { width: 10.05vw; height: 9.47vw; margin: 5.36vw 5.26vw 0px; }
.hacb_middle_block .h_content_block p, .hacb_middle_block .h_content_block li { font-size: 1.05vw; line-height: 1.57vw; }

.howitwork_section { padding: 1.05vw 2.89vw; }
.hws_inside_block { max-width: 95.42vw; border-radius: 3.15vw; padding: 5.26vw; }
.hws_heading_block { margin-bottom: 4.63vw; }
.hws_heading_block .hw_heading { font-size: 4.21vw; line-height: 4.73vw; }


.workList_block .list_box { max-width: 27.57vw; height: 31.78vw; border-radius: 2.10vw; padding: 1.05vw 1.57vw 2.63vw; }
.workList_block .count { font-size: 1.31vw; line-height: 2.68vw; }
.workList_block  .list_text { font-size: 1.31vw; line-height: 1.84vw; padding: 0px 2.63vw; }

.mecod_block { margin-bottom: 7.2vw; }
.mec_outer_div { max-width: 23.15vw; margin: 0px auto 0.52vw; min-height: 4.73vw; border-radius: 1.05vw; }
.mec_text_block { border-radius: 1.05vw; padding: 1.26vw 1.158vw;  }
.mec_text_block img { width: 2.21vw; height: 2.21vw; }
.mec_text_block span { padding-left: 0.78vw; font-size: 0.84vw; line-height: 1vw; }


.creations_section { padding: 5.26vw 7.89vw; }
.cs_heading_block { margin-bottom: 3.05vw; }
.cs_heading_block .cs_title { font-size: 4.21vw; line-height: 4.73vw; margin-bottom: 1.84vw; }  
.cs_heading_block .cs_description { font-size: 1.05vw; }
.creation_slider_block { padding: 1.78vw; border-radius: 3.15vw;  }

.creations_section .accordion-header::before {  left: 1.57vw; top: 1.31vw; }


/* .slider_link_block { padding-right: 5.26vw; } */
.slider_link_block { max-width: 35.26vw; height: 31.05vw; padding-right: 0.25vw; }


.cs_count { width: 3.15vw; height: 3.15vw; margin-right: 1.68vw; font-size: 1.05vw; line-height: 1.05vw; margin-top: 1.05vw; }
.csslider_contnet { max-width: 29.94vw; padding: 1.89vw 0px; }
.csslider_contnet .css_title { font-size: 1.31vw; line-height: 1.57vw; }
.csslider_contnet .css_disc { font-size: 1.05vw; line-height: 1.21vw; padding-top: 0.73vw; }

.slick-current .cslb_block .cs_count { margin-top: 0.25vw; }
.slick-current .cslb_block .csslider_contnet { padding: 1.05vw 0px; }

.csb_slider_image_block { max-width: 40.26vw; padding-top: 0.78vw; }
.csb_slider_image_block .slogo { width: 5.26vw; height: 5.26vw; top: -1.35vw; left: -3.10vw; }

.csb_slider_image_block .csslider_img { height: 30.52vw; border-radius: 2.63vw; }
.csb_slider_image_block .csslider_img img { border-radius: 2.63vw; }


.work_section {  padding: 2.63vw 0px; }
.work_heading_block { padding-left: 7.89vw; margin-bottom: 3.68vw; }
.work_heading_block .whb_sub_title { font-size: 1.05vw; line-height: 1.05vw; margin-bottom: 1.68vw; }
.work_heading_block .whb_title { font-size: 4.21vw; line-height: 4.73vw; max-width: 47.36vw; }

.work_card_block::before { width: 17.47vw; }
.work_card_block::after { width: 17.47vw; }

.work_slider { max-width: 38.94vw; }
.work_card_inner { max-width: 34.94vw; border-radius: 2.10vw;}
.work_card_inner .work_img { height: 34.94vw; padding-top: 3.42vw; padding-left: 3.15vw; border-radius: 2.10vw; }
.work_card_inner .work_img img { border-radius: 0px 0px 2.10vw 0px; }
.work_body { padding-top: 2.36vw; }
.work_body .wb_top_row { margin-bottom: 0.36vw; }
.work_body .wbtr_box { padding-right: 0.52vw; }
.work_body .work_title { font-size: 2.10vw; line-height: 2.63vw; }
.work_card_inner:hover .work_body { padding-left: 1.05vw; padding-right: 1.05vw; padding-bottom: 1.05vw; }

.work_type { font-size: 1.05vw; line-height: 1.26vw; border-radius: 1.05vw; padding: 0.52vw 1.05vw; margin-right: 0.78vw; margin-bottom: 0.78vw; }
.work_body .arrow_btn {  width: 4.94vw; height: 4.94vw; padding: 1.31vw; }

.work_body .wb_desc { font-size: 0.73vw; line-height: 1.05vw; }
.slick-custom-arrow { width: 4.10vw; height: 4.10vw; padding: 1.05vw; right: -23.68vw; top: -10.52vw; }
.slick-custom-arrow.slick-prev { right: -19.21vw; }
.work_section .view_btn { max-width: 78.68vw; margin: 1.57vw auto 0px; padding: 2.73vw 0px; }

/* footer */

footer { padding: 0px 7.89vw; }
.footer_top_block { padding: 5.26vw 0px; }
footer .site_logo { max-width: 23vw; height: 3.73vw; margin: 0px auto 3.15vw; }
.footer_menu { margin-bottom: 3.15vw; }
.footer_menu ul li { padding: 0px 2.10vw; }
.footer_menu ul li a {font-size: 1.05vw; line-height: 1.21vw; }
.social_icons li { margin: 0px 1.36vw; }
.social_icons li a { width: 4.10vw; height: 4.10vw; padding: 0.78vw;  }
.copyright_text { padding: 2.63vw 0px; font-size: 1.05vw; line-height: 1.21vw; }

/*  */

.common_background { max-width: 95.42vw; border-radius: 3.15vw; padding: 5.26vw 1.31vw; }
.other_contact_info { padding-left: 1.84vw; }
.loadmore { width: 2.10vw; height: 2.10vw; }

.cheading_block { margin-bottom: 3.36vw; }
.cheading_block .con_title { font-size: 2.52vw; line-height: 2.63vw; margin-bottom: 1.57vw }
.cheading_block .con_desc { font-size: 1.05vw; line-height: 1.26vw; }
.contact_form { max-width: 46.78vw; border-radius: 2.10vw; padding: 4vw 2.84vw 2.84vw; }

.form-group { margin-bottom: 1.05vw; }
.form-group .form-control { font-size: 0.84vw; padding: 0.84vw !important; }

.info_box { max-width: 19.89vw; height: 7.05vw; border-radius: 1.05vw; padding: 1.84vw; margin-bottom: 2.10vw; }
.info_box .info_body { padding-left: 1.05vw;}
.info_box .ibtitle { font-size: 0.94vw; line-height: 1.10vw; margin-bottom: 0.45vw; }
.info_box .ib_desc { font-size: 0.84vw; line-height: 1vw; }

.info_box .info_icon { width: 2.42vw; height: 2.42vw;}

.csocail li { margin-right: 1.05vw; }  
.csocail li a { width: 1.57vw; height: 1.57vw; padding: 0.31vw; }  

.getdire_text { font-size: 0.84vw; line-height: 1vw; margin-bottom: 0.52vw; }
.getdire_text img { width: 0.63vw; height: 0.63vw; margin-left: 0.26vw; }

.ociImg { max-width: 43.47vw; height: 15.52vw; border-radius: 1.05vw; padding: 3.15vw 4.73vw; }
.ociImg img { width: 9.89vw; height: 9.31vw; }

/*  */

.our_work_card_block { padding: 0px 3.15vw; }
.our_work_card_block .work_card {  padding-bottom: 2.63vw; }
.our_work_card_block .work_card_inner { max-width: 26.57vw; }
.our_work_card_block .work_card_inner .work_img { height: 25.78vw; padding-top: 2.36vw; padding-left: 2.36vw; }

/*  */

.our_work_detail_page { padding-left: 2.10vw; padding-right: 2.10vw; }
.backbtn { margin-bottom: 2.42vw; margin-top: -0.52vw; }
.backbtn a {font-size: 0.84vw; }
.backbtn a img { width: 0.78vw; height: 0.78vw; }  
.work_content_block { margin-bottom: 5.26vw; }
.work_content { max-width: 52.10vw; }
.work_content:nth-child(even) { padding-left: 2.63vw; }
.work_content:nth-child(odd) { padding-right: 2.63vw; }

.wc_heading_row { margin-bottom: 0.78vw; }

.our_work_detail_page .gositebtn { width: 4.94vw; height: 4.94vw; padding: 1.78vw; }

.wchr_title { font-size: 2.52vw; line-height: 2.63vw; margin-bottom: 1.36vw; }
.work_content p { font-size: 1.26vw; line-height: 1.52vw; margin-bottom: 1.05vw; }

.our_work_detail_page .work_type { font-size: 0.73vw; padding: 0.25vw 1.05vw; margin-right: 0.52vw; margin-bottom: 0.52vw; }
.work_img_block { max-width: 39.57vw; height: auto; border-radius: 2.10vw; padding-left: 3.68vw; padding-top: 3.68vw; }
.work_img_block img, .work_img_block video { border-radius: 0px 0px 2.10vw 0px; }
.work_img_block .video_block { border-radius: 0px 0px 2.10vw 0px; }
.work_img_block .video_block .plyr { border-radius: 0px 0px 2.10vw 0px; }


.wchr_trow { padding-right: 1.05vw; }

.start_Project_section { padding: 1.05vw 0.78vw 0px; }
.start_Project_section .sps_block {  max-width: 64.52vw; padding: 1.68vw; border-radius: 1.05vw 1.05vw 0px 0px; }
.start_Project_section .title { font-size: 1.89vw; line-height: 2.63vw; margin-right: 6.84vw; }

/*  */

.terms_privacy_content_block { max-width: 52.10vw; }
.terms_privacy_content_block .tp_heading { font-size: 2.52vw; line-height: 2.63vw; margin-bottom: 1.57vw; }
.tpcontent_block { margin-bottom: 1.57vw; }
.tpcontent_block h3 { font-size: 1.15vw; margin-bottom: 0.52vw; }
.tpcontent_block p { font-size: 0.84vw; line-height: 1.47vw; margin-bottom: 0.26vw; }

/* modal */

.modal-header { padding: 2.10vw 0px 0px; }
.page_count { background-size: 3.15vw; }
.modal-title { font-size: 1.89vw; line-height: 2.63vw; padding: 0px 6.57vw; }
.category_select_block .cs_button { border-radius: 1.05vw; }
.category_select_block p { font-size: 0.73vw; line-height: 0.89vw; }
.category_select_block .cs_button .arrow { width: 2.63vw; height: 2.63vw; margin-left: 0.52vw; }
.modal-header .btn-close { width: 0.73vw; height: 0.73vw; top: 1.05vw; right: 1.05vw;}
.modal-body { padding: 2.10vw 1.47vw; }

.checkmark::after { left: 0.36vw; top: 0.15vw; width: 0.36vw; height: 0.68vw;}
.modal .backbtn { margin-top: 1.57vw;}

/* login page */

.form_content_block { border-radius: 3.15vw; padding: 4.21vw; min-height: 42.78vw; }
.common_form_block { padding: 4.42vw 2.36vw 2.94vw; border-radius: 2.10vw; max-width: 45.36vw; min-height: 25.84vw; }  
.form-floating > label { font-size: 0.84vw; padding: 0.84vw; }
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { transform: scale(.85) translateY(-1rem) translateX(0.73vw); -webkit-transform: scale(.85) translateY(-1rem) translateX(0.73vw); padding: 0.10vw 0.26vw; }
.input-group-text img { width: 0.84vw; height: 0.84vw; }

.btn_row { padding-top: 1.57vw; }

.go_other_page {font-size: 0.84vw; line-height: 1vw; padding-top: 1.73vw; }

.auth_list_block { padding-left: 5.78vw; }
.auth_list_block .alb_title { font-size: 1.89vw; line-height: 2.63vw; margin-bottom: 1.05vw; }
.auth_list_block ul { max-height: 26.31vw; }
.auth_list_block li { font-size: 1.05vw; line-height: 1.26vw; margin-bottom: 0.94vw; }   
.auth_list_block li::before { min-width: 1.68vw; height: 1.68vw; margin-right: 1.05vw; }

.forgot_reset_page .form_content_block { max-width: 60.36vw; min-height: 31.57vw; }

/* profile page */

.profile_page_block {max-width: 60.36vw; border-radius: 3.15vw; padding: 2.63vw; }
.account_info_block { margin-bottom: 3.68vw; }
.profile_page_block .ppb_title { font-size: 2.52vw; line-height: 2.63vw; margin-bottom: 1.57vw; }
.profile_page_block .ppb_desc  { font-size: 1.05vw; line-height: 1.26vw; margin-bottom: 0.94vw; }

.user_image { width: 7.89vw; height: 7.89vw; border-radius: 1.05vw; margin: -2.63vw auto 1.57vw; }
.user_image img { border-radius: 1.05vw; }
.change_img_button { width: 1.05vw; height: 1.05vw; bottom: -0.52vw; }

.profile_page_block .account_info_block .common_form_block { margin-top: 3.42vw; }

/* dashboard */

.dashboard_card_block { margin-bottom: 3.47vw; }
.dcb_card { border-radius: 3.21vw 1.05vw 3.21vw 1.05vw; max-width: 13.68vw; }
.dcb_card_top { background-position: center bottom -2.84vw; padding: 1.05vw 1.10vw 0.63vw; border-radius: 3.21vw 1.05vw 0 0px; }
.dcb_title { font-size: 1.15vw; margin-bottom: 0.78vw; line-height: 2.63vw; }
.dcb_count {  font-size: 2.52vw; line-height: 2.63vw; }
.dcb-bottom { padding: 0.73vw 1.10vw; border-radius: 0 0px 3.21vw 1.05vw; }
.viewAll { font-size: 0.84vw; }

.nmessage_card .dcb_card_top { background-position: center bottom -2.84vw; }
.analytics_card .dcb_card_top {background-position: center bottom -2.84vw; }
.invoices_card .dcb_card_top { background-position: center bottom -2.84vw; }

.request_project_card { max-width: 22.89vw; border-radius: 1.05vw; padding: 1.78vw 1.84vw 0px; }
.request_project_card .rpc_icon { width: 2.42vw; height: 2.42vw; }
.request_project_card .rpc_body { padding-left: 1.57vw; }
.request_project_card .rpcb_title { font-size: 1.68vw; margin-bottom: 0.52vw; }
.request_project_card .tpcb_desc { font-size: 0.84vw; line-height: 1vw; margin-bottom: 0.42vw; }
.d-button_row { margin-bottom: -1.57vw; }

.common_table_block { min-height: 19.15vw; border-radius: 1.05vw; }
.table > thead th {font-size: 0.94vw; padding: 0.84vw 0.78vw; }
.table > thead th:first-child { border-radius: 1.05vw 0px 0px 0px; }
.table > thead th:last-child { border-radius: 0px 1.05vw 0px 0px; }
.table > tbody td {  font-size: 0.84vw; padding: 0.84vw 0.78vw; }
.status_td { min-width: 6.31vw; border-radius: 1.57vw; font-size: 0.73vw; line-height: 0.89vw; padding: 0.42vw; }
.action_btn a { width: 1.78vw; height: 1.78vw; margin: 0px 0.52vw; padding: 0.25vw; }

/*  */

.action_btn .common_btn { min-width: 7.21vw; height: 2.31vw; }
.action_btn .common_btn img { width: 1.57vw; height: 1.57vw; }

/*  */

.nav-pills .nav-item { margin-right: 0.84vw; }
.nav-pills .nav-link { font-size: 1.36vw; line-height: 1.63vw; border-radius: 0.52vw 0.52vw 0px 0px; padding: 0.78vw 1.57vw;}

/* message */

.chat_module_block { max-width: 67.84vw; height: 43.63vw; border-radius: 1.05vw;  }

.cmb_top_block { border-radius: 1.05vw 1.05vw 0px 0px; }
.cmb_top_block .user_name_image { padding: 1.31vw 2.31vw; width: 60%; }
.cmb_top_block .user_name_image .userimg { width: 3.94vw; height: 3.94vw; margin-right: 1.31vw; }
.cmb_top_block .user_name_image .username { font-size: 1.26vw; line-height: 1.52vw; }
.cmb_top_block .user_info { width: 40%; }
.cmb_top_block .user_info p { font-size: 0.84vw; margin-bottom: 0.42vw; }
.cmb_top_block .user_info p span.status {  min-width: 6.31vw; border-radius: 1.57vw; font-size: 0.73vw; line-height: 0.94vw; padding: 0.42vw; }

.message_content_block { height: calc(100% - 6.57vw); padding: 2.10vw; }
.message_body {  height: calc(100% - 6.47vw); }
.left_message, .right_message { margin-bottom: 1.57vw; }
.message_body .cimg { width: 1.05vw; height: 1.05vw; margin-bottom: 0.63vw; }

.message_body .mtext { font-size: 1.05vw; line-height: 1.26vw; padding: 0.52vw 1.31vw; border-radius: 1.31vw; margin-bottom: 0.26vw; }
.message_body .mdate {font-size: 0.84vw; line-height: 1vw; padding-left: 0.26vw; }
.right_message .mdate { padding-right: 0.26vw; }
 
.message_typing_block .input-group { max-width: 59.21vw; border-radius: 1.31vw; padding: 1vw 1.15vw; }
.message_typing_block .input-group-text {  width: 2.21vw; height: 2.21vw; margin-right: 1.57vw; }
.message_typing_block .form-control { font-size: 1.05vw; line-height: 1.52vw; }

.sendbtn { width: 4.10vw; height: 4.10vw; border-radius: 1.05vw; padding: 0.94vw; margin-left: 1.15vw; }

.project_attachments_block { max-width: 22.63vw; height: 43.63vw; border-radius: 1.05vw; margin-left: 2.47vw;  }
.pab_title { padding: 1.57vw; }
.pab_title h2 { font-size: 1.26vw; line-height: 2.63vw; }
.pab_body_part { padding: 1.05vw 0.22vw; height: calc(100% - 5.84vw);  }
.pab_body_part li { margin: 0px 0.47vw 0.94vw; width: 6.10vw; height: 6.10vw; border-radius: 0.31vw; }
.pab_body_part li.other_docs_file img { width: 2.10vw; height: 2.10vw; }
.pab_body_part li.image_block img { border-radius: 0.31vw; }

/*  */
.past_invoices { padding-top: 2.63vw; }
.past_invoices .pititle { font-size: 1.36vw; margin-bottom: 0.63vw;}
.common_btn.pay_btn img{ margin-left: 0.52vw; }

/* tracking page */

.project_info_block { margin-bottom: 1.57vw; }
.project_card { max-width: 22.89vw; min-height: 9.36vw; border-radius: 1.05vw; padding: 0.78vw 2.63vw; }
.project_card p { font-size: 0.84vw; margin-bottom: 0.52vw; }
.project_card p span:first-child { width: 6.31vw; }
.project_card p span.status_d { font-size: 0.84vw; padding: 0.22vw 0.78vw; border-radius: 2.10vw; }
.project_card p span.chat_icon { width: 1.84vw; height: 1.84vw; padding: 0.36vw; }

/*  */

.home_video_section { padding: 5.79vw 0.78vw 0.52vw; }
.home_video_section .video_block { border-radius: 0.73vw; max-width: 63.15vw; height: 35.5vw; }
.home_video_section .video_block video, .home_video_section .video_block iframe, .home_video_section .video_block video img { border-radius: 0.73vw; }
.home_video_section .video_block .plyr { border-radius: 0.73vw;}

.logo_slider_section { margin-bottom: 2.63vw; }
.logo_slider_section .logo_card { padding: 1.05vw; border-radius: 1.05vw; height: 5.26vw; } 





}

@media (max-width: 1199px) {

    header ul.after_login_nav li { margin-left: auto; margin-right: 15px; }
    header .nav-link {padding: 10px 0px;}
    header .chat_icons .mcount { min-width: 35px; height: 27px;font-size: 12px;}

    header { min-height: 72px; border-radius: 20px; padding: 0px 12px;}
    .banner_section {  min-height: 75vh;}
    .banner_content_block .bcb_title { font-size: 48px; line-height: 58px;  margin-bottom: 20px;}
    .banner_content_block .bcb_sub_title { font-size: 16px; line-height: 16px; }
    .hacb_middle_block .hw_heading { font-size: 26px; line-height: 32px; padding: 0px 40px;}
    .hacb_middle_block .h_content_block p, .hacb_middle_block .h_content_block li { font-size: 18px; line-height: 28px;}
    .hacb_middle_block .hacb_logo_img { width: 100px; height: 100px; margin: 52px 60px  0px;}
    .hacb_middle_block { background-position: left bottom -25px; background-size: 360px;}
    .home_about_content_block { padding: 70px 15px; background-size: 480px; background-position: left -75px top -36px; }
    .hws_heading_block .hw_heading { font-size: 48px; line-height: 58px;}
    .workList_block .count { font-size: 18px; line-height: 30px;}
    .hws_inside_block { border-radius: 40px; padding: 30px 25px;}
    .workList_block .list_text {font-size: 18px; line-height: 24px; padding: 0px 5px;}
    .workList_block .list_box {height: 375px; padding: 20px 20px 30px;}
    .creations_section { padding: 45px 15px;}
    .cs_heading_block .cs_title {font-size: 48px; line-height: 58px; margin-bottom: 10px;}
    .cs_heading_block .cs_description { font-size: 16px;}
    .csb_slider_image_block { max-width: 440px;}
    .csb_slider_image_block .csslider_img { height: 420px;}
    .csslider_contnet .css_title { font-size: 18px; line-height: 24px;}
    .cs_count { width: 40px; height: 40px; margin-right: 20px; font-size: 16px; line-height: 16px; margin-top: 11px; }
    .csslider_contnet .css_disc {font-size: 16px; line-height: 21px; padding-top: 10px;}
    .work_section {padding: 20px 0px;}
    .work_heading_block .whb_sub_title {font-size: 16px; line-height: 16px; margin-bottom: 20px;}
    .work_heading_block .whb_title { font-size: 48px; line-height: 58px; max-width: 600px;}
    .work_slider { max-width: 590px;}
    .work_card_inner { max-width: 560px;}
    .work_card_inner .work_img { height: 540px; padding-top: 30px; padding-left: 25px;}
    .work_body .work_title { font-size: 24px; line-height: 32px;}
    .work_type {font-size: 14px; line-height: 18px; padding: 5px 10px;}
    .slick-custom-arrow.slick-prev { right: -160px;}
    .slick-custom-arrow { right: -230px;}
    .work_body .arrow_btn { width: 56px; height: 56px; padding: 15px;}
    .footer_top_block { padding: 40px 0px;}
    .copyright_text { padding: 20px 0px; font-size: 14px;}
    .social_icons li a { width: 52px; height: 52px; padding: 10px;}
    .social_icons li { margin: 0px 10px;}
    .footer_menu { margin-bottom: 30px;}
    footer .site_logo { max-width: 270px; height: 52px; margin: 0px auto 30px;}
    .footer_top_block {padding: 35px 0px;}
    .footer_menu ul li a {font-size: 16px; line-height: 21px;}
    .footer_menu ul li { padding: 0px 20px;}

    .cheading_block .con_title { font-size: 36px; line-height: 40px; margin-bottom: 15px;}
    .cheading_block .con_desc { font-size: 16px; line-height: 19px;}

    .info_box { /* max-width: 100%; */ padding: 20px; }
    .contact_form { max-width: 510px;}
    .ociImg { height: auto; padding: 25px 25px;}
    .ociImg img { width: 110px; height: 110px;}
    
    .slider_link_block {  max-width: 495px; height: 430px;}


    .terms_privacy_content_block .tp_heading { font-size: 36px; line-height: 39px; margin-bottom: 21px;}
    .tpcontent_block h3 { font-size: 18px; margin-bottom: 8px;}
    .tpcontent_block p {font-size: 14px; line-height: 22px;}
    .tpcontent_block { margin-bottom: 20px;}

    .our_work_card_block .work_card_inner .work_img {height: 320px;}
    .our_work_card_block .work_body { padding-top: 26px; }

    .common_background { padding: 70px 15px;}
    .work_img_block { max-width: 510px; /* height: 510px; */ padding-left: 30px; padding-top: 30px;}
    .wchr_title { font-size: 36px; line-height: 39px; margin-bottom: 15px;}
    .wc_heading_row { margin-bottom: 15px;}
    .our_work_detail_page .gositebtn {width: 54px; height: 54px;  padding: 17px;}
    .work_content p { font-size: 18px; line-height: 23px;}


    #projectModalStepFour .modal-title { padding-bottom: 20px;}
    .modal-title { font-size: 28px; line-height: 32px;}  

    .slick-current .cslb_block .cs_count { margin-top: 10px;}

    .page_count { background-size: 39px; }

    .form_content_block { min-height: auto; }
    .common_form_block {padding: 45px 25px 25px; max-width: 570px; min-height: auto;}
    .go_other_page { padding-top: 15px;}
    .auth_list_block .alb_title { font-size: 24px; line-height: 32px; margin-bottom: 16px;}
    .auth_list_block li { font-size: 16px; line-height: 19px; margin-bottom: 12px;}
    .auth_list_block li::before { min-width: 22px; height: 22px;}
    .form_content_block { align-items: flex-start;}
    .auth_list_block { padding-left: 45px; padding-top: 20px;}
    .btn_row { padding-top: 22px;}
    .forgot_reset_page .form_content_block { max-width: 730px; min-height: auto;}

    .auth_pages { min-height: 90vh; }

    .profile_page_block { padding: 35px; }
    .profile_page_block .ppb_title { font-size: 36px; line-height: 40px;}
    .profile_page_block .ppb_desc { font-size: 16px; line-height: 20px;}

    .request_project_card { margin-bottom: 50px;}
    .dashboard_card_block { margin-bottom: 35px;}
    .table > thead th { font-size: 14px;  }
    .table > tbody td { font-size: 12px;}
    .status_td { font-size: 12px; line-height: 15px;}
    .action_btn a { width: 30px; height: 30px; margin: 0px 4px; padding: 6px;}
    .common_table_block { min-height: 300px; }

    .nav-pills .nav-link { font-size: 18px; line-height: 23px; padding: 12px 24px;}

    .project_attachments_block { max-width: 295px;}
    .pab_title h2 {font-size: 18px; line-height: 25px;}
    .pab_title { padding: 20px;}
    .pab_body_part li { margin: 0px 6px 12px;  width: 76px; height: 76px;}
    .pab_body_part {  height: calc(100% - 66px);}
    
    .cmb_top_block .user_name_image { width: 50%;}
    .cmb_top_block .user_name_image .userimg {width: 52px; height: 52px; margin-right: 15px;}
    .cmb_top_block .user_name_image .username {font-size: 16px; line-height: 21px;}
    .message_body .mtext {font-size: 14px;}
    .message_content_block {padding: 15px;  }
    .cmb_top_block .user_info p {font-size: 12px;}
    .cmb_top_block .user_info { width: 50%;padding: 10px 0px;}
    .message_typing_block .form-control { font-size: 14px; line-height: 21px;}
    .sendbtn { width: 64px; height: 64px;}
    .message_body {  height: calc(100% - 105px); }
    .chat_module_block {height: 610px; max-width: 100%; }
    .project_attachments_block {height: 610px;}
    .message_body .mdate {font-size: 12px;}
    .project_attachments_block { height: 250px; max-width: 100%; margin-left: 0; margin-top: 25px;}
    .pab_title { padding: 15px;}
    .pab_body_part {height: calc(100% - 56px);}
    .creations_section .accordion-header::before { left: 20px;}

    .csslider_contnet {padding: 20px 0px;}

    .auth_list_block ul { max-height: 270px;}

    .mecod_block { margin-bottom: 85px;}
    .mec_text_block { padding: 15px; }

    .project_card p { font-size: 14px;}
    .project_card p span.status_d { font-size: 14px;}
    .project_card { padding: 15px 26px; max-width: 390px; min-height: auto; }
    .project_card p span:first-child { width: 105px;}

    .messaging_page .common_background {display: block;}
    .home_video_section .video_block { height: auto;}

}

@media (max-width: 991px) {

    .banner_content_block .bcb_title {font-size: 42px; line-height: 50px;}
    .hacb_middle_block .hscb_logo {height: auto;}
    .hacb_middle_block .hw_heading { font-size: 24px; line-height: 30px; padding: 0px 0px;}
    .hacb_middle_block .h_content_block p, .hacb_middle_block .h_content_block li { font-size: 20px;  line-height: 31px;}
    .home_about_content_block { padding: 65px 15px 30px; background-size: 340px; background-position: left -50px top -36px; }
    .hacb_middle_block .hacb_logo_img { width: 100px; height: 100px; margin: 20px 40px;}
    .hacb_middle_block .h_content_block p, .hacb_middle_block .h_content_block li { font-size: 18px; line-height: 29px;}
    .hws_heading_block .hw_heading { font-size: 42px; line-height: 50px;}
    .common_btn { padding-left: 20px; font-size: 14px; min-width: 190px; }
    .common_btn img { width: 30px; height: 30px;}
    .hacb_middle_block { background-position: left top -100px; background-size: 319px;}
    .hws_heading_block {margin-bottom: 30px;}
    .workList_block .list_text { font-size: 16px; line-height: 21px;}
    .workList_block .list_box { margin-bottom: 20px; }
    .cs_heading_block .cs_title { font-size: 42px; line-height: 48px;}
    .cs_heading_block { margin-bottom: 35px;}
    .creations_section { padding: 30px 15px;}
    .work_heading_block .whb_title {font-size: 42px; line-height: 48px; max-width: 510px;}

    .csb_slider_image_block { max-width: 380px; margin: 0px auto; }
    .csb_slider_image_block .csslider_img { height: 380px;}
    .csslider_contnet .css_title { font-size: 16px; line-height: 20px;}
    .csslider_contnet {  padding: 21px 0px;}
    .cs_count { width: 36px; height: 36px; margin-right: 15px; font-size: 14px; line-height: 14px; margin-top: 12px; }
    /* .slider_link_block {padding-right: 45px;} */

    .slick-custom-arrow { right: -140px;}
    .slick-custom-arrow { top: -130px;}
    .slick-custom-arrow.slick-prev { right: -80px; }
    .slick-custom-arrow { width: 50px; height: 50px; padding: 14px;}
    .work_heading_block { margin-bottom: 35px;}
    .work_card_block::before { width: 120px;}
    .work_card_block::after { width: 120px;}
    .work_slider { max-width: 490px;}
    .work_card_inner { max-width: 440px;}
    .work_card_inner .work_img {height: 440px;}
    .work_body { padding-top: 30px;}
    .work_body .arrow_btn { width: 48px; height: 48px; padding: 12px;}
    .work_body .work_title { font-size: 22px; line-height: 30px;}
    .work_section .view_btn { padding: 20px 0px;}

    footer .site_logo { max-width: 215px;}
    .footer_menu ul li a { font-size: 14px; line-height: 20px;}
    .footer_menu ul li { padding: 0px 15px;}
    .social_icons li a {width: 44px; height: 44px; padding: 9px;}

    .cheading_block .con_title { font-size: 28px; line-height: 32px;  margin-bottom: 10px;}
    .cheading_block .con_desc {font-size: 14px; line-height: 17px;}
    .cheading_block {margin-bottom: 35px;}
    .contact_block { flex-wrap: wrap;}
    .contact_form {  max-width: 100%; order: 2; margin: 20px auto 0px;}
    .info_box { max-width: 45%; margin-bottom: 15px; height: auto; }
    .common_background {padding: 80px 15px 40px;}
    .ociImg img { width: 104px; height: 104px;}
    .ociImg { height: auto;}
    .other_contact_info { padding-left: 0;}

    .terms_privacy_content_block .tp_heading { font-size: 30px; line-height: 35px;}
    .terms_privacy_content_block .tp_heading { font-size: 24px; line-height: 30px; margin-bottom: 19px;}

    .work_content_block { flex-wrap: wrap; margin-bottom: 50px; }
    .work_img_block { order: 1; margin-bottom: 20px; }
    .work_content { padding: 0px !important; order: 2; flex: unset; }
    .wchr_title {font-size: 30px; line-height: 34px; margin-bottom: 15px;}
    .work_content p { font-size: 16px;  line-height: 21px;}
    .backbtn { margin-bottom: 22px;}
    .start_Project_section .title { font-size: 26px; line-height: 33px; margin-right: 70px;}

    .modal-title {padding: 0px 70px;}
    .close_text {font-size: 14px; margin-bottom: 25px;}
    .modal-body { padding: 30px 30px;}
    .category_select { max-width: 315px;}
    .modal-header { padding: 30px 0px 0px;}
    .form-group .form-control { padding: 12px !important;}
    .modal .backbtn { margin-top: 20px; font-size: 14px; line-height: 20px;}

    .form-floating > label { padding: 12px;}
    .form_content_block { display: block; }
    .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { transform: scale(.85) translateY(-1rem) translateX(10px); -webkit-transform: scale(.85) translateY(-1rem) translateX(10px); }
    .common_form_block {  max-width: 100%;}
    .auth_list_block {padding-left: 30px; padding-top: 45px;}


    .profile_page_block .ppb_title { font-size: 30px; line-height: 34px;}
    .profile_page_block .ppb_desc { font-size: 14px; line-height: 18px;}

    .common_table_block table { width: 1120px; }

    .nav-pills .nav-link { font-size: 16px; line-height: 20px; padding: 10px 18px;}

    .messaging_page .common_background { display: block; }

    .dashboard_card_block {margin-bottom: 20px;}
    .dcb_card { margin-bottom: 20px; }

    .creation_slider_block { display: block; }
    .slider_link_block { max-width: 100%; height: auto; margin-bottom: 55px;}
    .creations_section .accordion-header::before {left: 18px;}

    .home_video_section .video_block { height: auto; }
    .banner_section { min-height: 60vh;}


}

@media (max-width: 767px) {

    .banner_section { min-height: 100vh;}
    .banner_content_block .bcb_title { font-size: 32px; line-height: 40px; margin-bottom: 10px;}
    .banner_content_block .bcb_description { font-size: 14px; line-height: 18px; margin-bottom: 20px;}
    .downpage { width: 50px; height: 50px; padding: 14px; bottom: -25px;}
    .csb_slider_image_block { max-width: 290px; }
    .csb_slider_image_block .csslider_img { height: 290px; }
    .creation_slider_block {padding: 20px; border-radius: 30px;}
    .work_heading_block .whb_sub_title { font-size: 14px; line-height: 14px; margin-bottom: 10px;}
    .hws_heading_block .hw_heading { font-size: 32px; line-height: 40px;}
    .workList_block .list_text { font-size: 14px; line-height: 19px;}
    .cs_heading_block .cs_title { font-size: 32px; line-height: 40px;}
    .cs_heading_block .cs_description { font-size: 14px;}
    .csb_slider_image_block .slogo { width: 60px;  height: 60px; top: -10px; left: -15px;}
    .work_heading_block .whb_title {font-size: 32px; line-height: 40px; max-width: 420px;}
    .work_heading_block .whb_sub_title {font-size: 14px; line-height: 14px; margin-bottom: 10px;}
    .work_heading_block { margin-bottom: 25px;}
    .slick-custom-arrow {right: -110px;}
    .slick-custom-arrow.slick-prev { right: -65px;}
    .slick-custom-arrow { top: -105px;}
    .work_body .work_title {font-size: 20px; line-height: 28px;}
    .work_type { font-size: 12px; line-height: 17px;}
    .work_body .wb_desc { font-size: 12px; line-height: 17px;}
    .work_body .arrow_btn { width: 36px; height: 36px; padding: 6px;}
    .slick-custom-arrow { width: 36px; height: 36px; padding: 8px;}
    footer .site_logo { max-width: 195px; height: 35px;  margin: 0px auto 20px;}
    .footer_menu ul li {  padding: 0px 10px;}
    .footer_menu ul li a { font-size: 12px; line-height: 17px;}
    .social_icons li a { width: 36px; height: 36px; padding: 6px;}
    .social_icons li { margin: 0px 5px;}
    .footer_menu { margin-bottom: 20px;}
    .footer_top_block { padding: 25px 0px;}
    .copyright_text { padding: 15px 0px; font-size: 12px;}
    .hacb_middle_block .h_content_block p, .hacb_middle_block .h_content_block li {font-size: 16px; line-height: 24px;}
    .hacb_middle_block .hw_heading { font-size: 20px; line-height: 26px;}
    .cs_heading_block {  margin-bottom: 26px;}
    .csslider_contnet .css_disc { font-size: 14px; line-height: 19px;}
    .csb_slider_image_block { margin: 0px auto;}
    .slick-current .cslb_block .cs_count { margin-top: 10px; }
    .work_heading_block .whb_title {font-size: 26px; line-height: 33px;}

    .info_box .info_icon { width: 32px; height: 32px;}

    .form-group .form-control { font-size: 12px; padding: 12px !important; }
    .info_box { padding: 20px 20px;}
    .ociImg { padding: 25px 30px;  }
    .cheading_block .con_title { font-size: 24px;}

    .tpcontent_block h3 { font-size: 16px;}

    .our_work_card_block .work_card_inner .work_img {height: 320px; }
    .our_work_card_block .work_card { padding-bottom: 30px;}
    
    .wchr_title {font-size: 24px; line-height: 31px; margin-bottom: 10px;}
    .work_content p { font-size: 14px;  line-height: 21px;}
    .work_img_block { max-width: 400px; /* height: 400px; */}

    .work_content_block {  margin-bottom: 35px;}
    .start_Project_section .title { font-size: 22px; line-height: 29px; margin-right: 57px;}

    .modal-title { font-size: 24px; line-height: 27px;}
    .close_text { font-size: 14px;  margin-bottom: 22px;}
    .category_select_block .cs_button {font-size: 14px;}
    .category_select_block .cs_button .arrow { width: 38px; height: 38px;}
    .category_select_block p { font-size: 12px; line-height: 15px;}

    .checkmark::after { left: 6px; top: 1px; width: 5px; height: 11px;}

    .category_select { max-width: 295px;}

    .form-floating > label { font-size: 12px;}
    .go_other_page { font-size: 12px;}
    .form_content_block { padding: 25px; }
    .auth_list_block .alb_title { font-size: 20px; line-height: 28px; margin-bottom: 15px;}
    .auth_list_block li { font-size: 14px; line-height: 18px;}


    .profile_page_block .ppb_title { font-size: 24px; line-height: 31px;}
    .user_image { width: 120px; height: 120px;}
    .account_info_block {margin-bottom: 50px;}

    .action_btn .common_btn { min-width: 120px; height: 42px;}

    .home_video_section { padding: 59px 15px 10px;}
    .home_about_content_block { padding: 50px 15px 30px;}
    .home_video_section .video_block { height: auto;}


}

@media (max-width: 700px) {

}

@media (max-width: 600px) {

    header {padding: 0px 10px;}
    .banner_section { min-height: 75vh;}
    .banner_content_block .bcb_sub_title { font-size: 14px; line-height: 14px; margin-bottom: 12px; }
    .banner_content_block .bcb_title { font-size: 26px; line-height: 30px;}
    .hacb_middle_block .h_content_block p, .hacb_middle_block .h_content_block li {font-size: 14px; line-height: 22px;}
    .hws_heading_block { display: block; text-align: center; }
    .hws_heading_block .hw_heading { font-size: 26px; line-height: 40px;  margin-bottom: 12px; text-align: center;}
    .hws_inside_block { padding: 25px 15px;}
    .cs_heading_block .cs_title { font-size: 26px;  line-height: 30px;}
    .creation_slider_block {  display: block; }
    .slider_link_block { margin-bottom: 30px;}

    .work_card_inner { max-width: 90%;}
    .work_card_block::before, .work_card_block::after { display: none; }
    .work_card_inner .work_img { height: 330px;}

    .slick-custom-arrow { display: none !important; }
    .slick-dots { display: flex; align-items: center; justify-content: center; padding: 0; margin: 0px; list-style: none; margin-top: 15px; }   
    .slick-dots li { width: 10px; height: 10px; border-radius: 50%; margin: 0px 2px; background: #000000; }
    .slick-dots li.slick-active { background: #FD4200; }
    .slick-dots li button { display: none; }
    .work_section .view_btn { margin: 20px auto 0px;}

    .footer_menu ul { display: block;}
    .footer_menu ul li {padding: 10px 0px; text-align: center;}

    .info_box { max-width: 100%;}

    .work_img_block { max-width: 330px; /* height: 330px; */}
    .our_work_detail_page .gositebtn { width: 42px; height: 42px; padding: 11px;}
    .start_Project_section .sps_block { display: block; text-align: center; }    
    .start_Project_section .title { margin-right: 0px; margin-bottom: 20px; }
    .work_content_block { margin-bottom: 30px;}

    .modal-title { padding: 0px 55px;}
    .modal-body { padding: 20px 20px;}
    .category_select { margin: 0px auto 20px;}

    .category_select_block { display: block;}

    .profile_page_block {padding: 20px;}

    .cmb_top_block {display: block; padding: 15px; }
    .cmb_top_block .user_name_image {width: 100%; padding: 0; margin-bottom: 12px; }
    .cmb_top_block .user_info { width: 100%; padding: 0px 0px;}
    .message_content_block { height: calc(100% - 178px);}
    .sendbtn { width: 56px;  height: 56px; padding: 10px; margin-left: 8px; }
    .message_typing_block .input-group { padding: 10px 15px;}
    .message_typing_block .input-group-text { width: 26px; height: 26px; margin-right: 5px;}

    .dcb_title { font-size: 12px; line-height: 23px;}
    .dcb_count {font-size: 28px; line-height: 29px;}
    .dcb_card_top { padding: 18px 15px 12px;  border-radius: 40px 20px 0 0px;}
    .request_project_card .rpcb_title { font-size: 20px;}
    .request_project_card .rpc_icon { width: 40px; height: 40px;}
    .request_project_card { padding: 20px 20px 0px;}

    .common_background { padding: 70px 15px 40px;}

    .message_body {height: calc(100% - 129px);}
    
    .home_video_section .video_block { height: auto;}


}

@media (max-width: 500px) {


}